body{
  background: #FFFFFF;
}
*{
  padding: 0;
  margin: 0;
  list-style: none;
}
*.c{ clear: both; width: 0px; height: 0px; border: 0px; outline: 0px;}
.ovd_s{
  white-space:nowrap;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  overflow: hidden;
}
body{
  font-size: 12px;
  color: #333333;
}
.red{ color: #c81d1d
}
.no-data{ display: inline-block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #888888; font-size: 14px;}
.b{
  font-weight: bold;
}
.el-button--danger{
  background-color: #b63443;
  border-color: #ce2131;
}
.el-form-item__label{
  font-size: 12px;
}
.el-input-number.is-without-controls input.el-input__inner{
  text-align: left;
}
.el-button--success{
  background-color: #169d47;
  border-color: #169d47;
}
.my-bg1{
  background-image: linear-gradient(to bottom, #ffffff, #EBEBEB);
}
.el-button--primary{
  background-color: #165ea1;
  border-color: #043e73;
}
table{border-collapse:collapse;border-spacing:0;}
#main{
  width: 100%;
  height: 100%;
  min-height: 600px;
  position: relative;
  /*overflow: auto;*/
  margin: 0px auto;
}
h1{ font-size: 18px; text-align: center;}
.verfiyImg{ width: 75px; height: 32px;position: relative; top: 3px; left: 5px;}
#home-page,#center-page{padding-bottom: 40px;}
.el-input-number--mini{ width: 105px; border: 0px;outline: 0px}
.el-textarea__inner{ padding: 2px 3px;}
.my-scroller {
  /*overflow-y: scroll;*/
}
.my-scroller::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  background-color: #F5F5F5;
}
.my-scroller::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}
.my-scroller::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #888888;
}
.right-top-button{ position: absolute; right: 5px; top: 5px;}
.my-message-box{ width: 60%;min-width: 200px;}
.my-message-box .el-message__content{ font-size: 12px;}
.my-confirm-box{ margin-top: 50px; max-width: 90%}
.my-prompt-box{ margin-top: 50px; max-width: 90%}
/*.el-input-number--mini input{ border: 0px}*/

/*------------ 首页 ----------*/
#home-page{background: #f1f1f1;padding-bottom: 70px;}
#search-box{ height: 40px; background: #165ea1; position: fixed; top: 0px; width: 100%; z-index: 999}
#search-box>#search-input-outer{ width: 73%; height: 40px; line-height: 40px; display: flex; float: left; position: relative;}
#search-box>#search-input-outer>i.icon-sousuo{position: absolute; left: 15px; top: -1px; color: #BBBBBB; font-size: 20px;}
#search-box>#search-input-outer>i.icon-zhaoxiang{position: absolute; right: 15px; top: -1px; color: #BBBBBB; font-size: 28px;}
#search-box>#search-input-outer>input{flex: 1; float: left; margin-top: 4px; height: 30px; line-height: 30px; margin-left: 5px; outline: 0px; border: 1px solid #CCCCCC; text-indent: 40px; border-radius: 5px;}
#search-box>#qr-button{float: left;text-align: center;line-height: 38px;height: 40px;}
#search-box>#qr-button>.icon{ font-size: 28px; color: #FFFFFF; position: relative; left: 6px;}
#search-box>#change-city{ width: 15%; float: left; text-align: center; line-height: 38px; height: 40px; position: relative;}
#search-box>#change-city>span{ font-size: 13px; color: #FFFFFF; width: 80%; display: inline-block; text-indent: 0px; position: relative; left: 7px;}
#search-box>#change-city>i{ font-size: 14px; color: #FFFFFF; top: 12px; left: 2px; position: absolute;}
#search-box>#cart-button{ width: 11%; float: left; text-align: center; line-height: 38px; height: 40px; margin-left: 5px;}
#search-box>#cart-button>.icon-gouwuchekong{ font-size: 24px; color: #eeeeee;}
.swiper-banner{ width: 100%; height: 160px; position: relative;overflow: hidden}
.swiper-banner .home-banner-image{ line-height: 380px; text-align: center; width: 100%; height: 200px; }
.swiper-banner .swiper-pagination{ bottom: 5px;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active{ background: #d52104
}
#active-box{ width: 95%; height: 70px; margin: 10px auto; background: #FFFFFF; border-radius: 5px;text-align: center;}
#active-box>.item{height: 90%; width: 24%; display: inline-block;}
#active-box>.item>.icon-box{ width: 90%; height: 45px; margin: 0px auto; margin-top: 10px;}
#active-box>.item>.icon-box>img{ max-width: 65%; max-height: 65%;}
#active-box>.item>span{ position: relative; top: -8px; display: block;}
.shop-box{width: 95%; height: 85px; margin: 10px auto;text-align: center;}
.shop-box>.item{ width: 49%; margin-left: 2px; float: left; background: #FFFFFF; height: 85px; border-radius: 5px; position: relative;}
.shop-box>.item>i{ position: absolute; right: 12px; top: 12px; color: #e50d0d; font-size: 12px;}
.shop-box>.item>.title-box{ height: 30px; line-height: 35px; width: 100%; text-align: left;}
.shop-box>.item>.title-box>.title{ text-indent: 10px; display: inline-block; font-weight: bold; font-size: 14px; padding-right: 8px;}
.shop-box>.item>.title-box>.sub-title{display: inline-block; padding-left: 8px; border-left: 1px solid #f1f1f1; line-height: 18px;}
.shop-box>.item>.shop-list{}
.shop-box>.item>.shop-list>.item{width: 50px; height: 45px; background: #f1e3d3; float: left; margin-left: 5px; margin-top: 5px;}
.shop-box>.item>.shop-list>.item>img{ width: 100%; height: 100%;}
.shop-box>.item>.shop-list>.big-icon{ width: 50px; height: 50px; float: left}
.shop-box>.item>.shop-list>.shop-nums{ width: 100px; height: 40px;float: left; line-height: 23px; padding-top: 5px;}
.shop-box>.item>.shop-list>.shop-nums>.title{ font-size: 12px;}
.shop-box>.item>.shop-list>.shop-nums>.title>.num{ font-size: 12px; color: #c91111; font-weight: bold}
.shop-box>.item>.shop-list>.shop-nums>.title>a{ color: #AAAAAA; text-underline: none; font-size: 12px;}

.swiper-banner.product-banner{ width: 100%; height: 410px; position: relative;overflow: hidden}
.swiper-banner.product-banner .home-banner-image{ line-height: 380px; text-align: center; width: 100%; height: 410px; }

/*首页-商品分类*/
#product-cate-list{ margin-top: 2px;}
#product-cate-list>.item{ float: left; width: 20%; height: 70px; text-align: center; background: #f3f3f3;}
#product-cate-list>.item>img{ display: block; color: #888888; margin: 8px auto; height: 30px;}
#product-cate-list>.item>span{ display: block; position: relative; top: -2px;}

/*商品列表*/
#product-list{}
.product-list-item{ box-sizing: border-box; float: left; margin-left: 5px;margin-top: 5px; border-radius: 5px; background: #f6f6f6; padding: 3px; border: 1px solid #ECECEC; position: relative; width: 48%}
.product-list-item>.product-list-item-image{ width: 100%; height: 150px;}
.product-list-item-title{ width: 95%; display: inline-block; font-size: 14px; font-weight: bold; }
.product-list-item-price-box{ height: 30px; line-height: 30px;}
.product-list-item-price{ width: 35%; float: left;font-size: 16px; font-weight: bold; color: #cd0808
}
.product-list-item-buynow{ width: 65%; float: left;text-align: right;}
.product-list-item-buynow .icon-gouwuchekong{ font-size: 16px; border-radius: 3px; color: #FFFFFF; background: #f5a938; height: 22px; width: 35px; display: inline-block; text-align: center;}
.product-list-item-buynow>button{ border-radius: 5px; height: 25px; line-height: 25px;background: #14539a;color: #FFFFFF; border: 0px; outline: 0px;padding: 0px 10px; font-size: 12px;}
.product-list-item-seconds-price{ position: absolute; top: 132px; width: 97%; height: 20px; line-height: 20px; text-align: center; background: rgba(193, 21, 110, 0.6);color: #FFFFFF}

.product-list-item1{ width: 98%; float: left; margin: 5px; border-radius: 5px; border-bottom: 1px solid #ECECEC; padding-bottom: 5px; display: flex}
.product-list-item1>.product-list-item-image{ width: 65px; height: 65px; float: left; margin-top: 5px;}
.product-list-item1>.right-info{ flex: 1; height: 90px; line-height: 22px; text-indent: 10px; position: relative;}
.product-list-item1>.right-info>.apply-box{ width: 120px; height: 30px; line-height: 30px; position: absolute; right: 3px; top: 20px; text-align: right}
.product-list-item1>.right-info-4{height: 75px;}
.product-list-item1>.right-info>.product-list-item-title{ height: 22px; line-height: 22px; font-weight: normal; font-size: 14px; text-indent: 0px;}
.product-list-item1>.right-info>.product-list-item-model{  height: 18px; line-height: 18px;}
.product-list-item1>.right-info>.product-list-item-model>span{text-indent: 0px; border-radius: 3px; display: inline-block; background: #f1f1f1; padding: 3px 10px;}
.product-list-item1>.right-info>.product-list-item-price{ padding-top: 8px; text-indent: 0px; text-align: right; width: 100%; font-size: 12px;}
.product-list-item1>.right-info>.product-list-item-price .el-input-number--mini{ position: relative; top: 0px;}
.product-list-item1>.right-info>.product-list-item-price .product-one-price{ display: inline-block; width: 60px; text-align: right}
.product-list-item1>.right-info>.product-list-item-price .product-one-nums{ display: inline-block; width: 90px; text-align: center}
.product-list-item1>.right-info>.product-list-item-price .product-one-total-price{ display: inline-block; width: 60px; text-align: center}

/*------------ 登录 ----------*/
.page-title{ width: 100%; line-height: 40px; text-align: center;  position: relative; background: #f1f1f1}
.page-title-red{ background: #de081e}
.page-title-white{ background: #ffffff}
.page-title>span{ font-size: 18px;padding-top: 10px;}
.page-title #back-button{ font-size: 22px; position: absolute; left: 0px;top: 0px; width: 40px; line-height: 45px; height: 40px; z-index: 99}
#login-page{ }
#login-page>#logo{ background: url("images/logo.png") no-repeat; width: 50%; height: 130px; background-size: 45% auto; background-position: center center; margin: 0 auto; margin-top: 12%}


#wechat-binding-page{ background: #f6f6f6}
#wechat-binding-page #wechat-info{ background: #FFFFFF; width: 100%; height: 230px; position: relative; top: 5px;}
#wechat-binding-page #wechat-info>#box1{ height: 90px; width: 235px; margin: 10px auto; padding-top: 10px;}
#wechat-binding-page #wechat-info>#box1>.item{ margin: 5px;  float: left; text-align: center;}
#wechat-binding-page #wechat-info>#box1>.item>div{ margin: 5px;}
#wechat-binding-page #wechat-info>#box1>.item>div.wechat-logo-item{ width: 65px; height: 65px;background: url("images/wechat.png") no-repeat; background-size: 90% auto; background-position: center center;}
#wechat-binding-page #wechat-info>#box1>.item>div.exchange-item{ width: 35px; height: 80px;background: url("images/exchange-icon.png") no-repeat; background-size: 60% auto; background-position: center center;}
#wechat-binding-page #wechat-info>#box1>.item>div.logo-item{ width: 65px; height: 65px;background: url("images/logo.png") no-repeat; background-size: 90% auto; background-position: center center;}
#wechat-binding-page #wechat-info>#box2{ width: 100px; margin: 0 auto; height: 100px; text-align: center;padding-top: 10px;}
#wechat-binding-page #wechat-info>#box2>img{ height: 55px; width: 55px; margin: 0 10px; border-radius: 5px;}
#wechat-binding-page  #wechat-info>#box2>span{ display: inline-block; margin-top: 10px; font-size: 13px; font-weight: bold}
.wechat-binding-form{ position: relative;width: 95%; margin: 35px auto; height: 200px;}

#change-button{width: 70%; height: 40px; line-height: 28px; margin: 0 auto; display: flex; padding-bottom: 5px;}
#change-button>.item{ flex: 1; text-align: center}
#change-button>.item>a{ display: inline-block; width: 60%;  font-size: 15px; font-weight: bold; text-decoration: none; color: #888888;border-bottom: 2px solid #888888;}
#change-button>.item>a.curr{color: #de081e;border-bottom: 2px solid #de081e;}
.login-form{ width: 95%; margin: 20px auto;}
#login-submit-button{ width: 75%;}
#login-submit-button-bottom-box{ width: 75%; display: flex}
#login-submit-button-bottom-box a{ color: #3271a9; text-decoration: none}
#login-submit-button-bottom-box>.left,#login-submit-button-bottom-box>.right{ flex: 1}
#login-submit-button-bottom-box>.left{ text-align: left}
#login-submit-button-bottom-box>.right{ text-align: right}
#wechat-login-box{ width: 70%; margin: 100px auto; color: #777777}
#wechat-login-box span.title{ color: #777777}
#button-box{ width: 100%; height: 60px; text-align: center}
#button-box>#wechat-login-button{ width: 60px; line-height: 60px; height: 60px; background: url("images/wechat.png") no-repeat; background-size: 60% auto; background-position: center center; display: inline-block}


/*------------ 注册，忘记密码 ----------*/
#register-page{ background: #de081e;}
#register-page>.top-box{ height: 165px; width: 100%; margin: 0px auto; text-align: center;}
#register-page>.top-box>#logo-box{ display: inline-block; width: 110px; height: 110px; background: url("images/register-logo.png") no-repeat; background-position: center center; background-size: 100% 100%; position: relative; top: 90px;}
.register-form{ padding-top: 70px;padding-bottom: 20px; border-top-right-radius: 10px;border-top-left-radius: 10px; background: #FFFFFF}

/* 优惠券-列表 */
#coupon-page{ background: #FFFFFF }
#coupon-page>.page-title{ position: fixed; left: 0px; width: 100%; top: 0px; z-index: 9}
#coupon-page #coupon-list{width: 100%; margin:0px auto; margin-top: 205px; overflow: auto}
#coupon-page #coupon-list .item{ width: 98%; height: 80px; background: url("images/coupon-item-bg.png") no-repeat; background-size: 100% 100%; margin: 10px auto;}
#coupon-page #coupon-list .item>.left{ width: 30%; float: left; line-height: 30px; text-align: center}
#coupon-page #coupon-list .item>.left>.minus-price{ position: relative; top: 20px; color: #de081e; font-weight: bold; font-size: 18px;}
#coupon-page #coupon-list .item>.left>.full-price{position: relative; font-size: 12px; top: 14px; color: #888888}
#coupon-page #coupon-list .item>.right{ width: 70%; float: left;}
#coupon-page #coupon-list .item>.right>.top-box{ display: flex}
#coupon-page #coupon-list .item>.right>.top-box>.box1{ flex: 1; line-height: 20px; padding-top: 10px;}
#coupon-page #coupon-list .item>.right>.top-box>.box2{ flex: 1; line-height: 20px; text-align: center; padding-top: 20px;}
#coupon-page #coupon-list .item>.right>.use-shop{ line-height: 20px; padding-top: 5px;}


/* 优惠团购 */
#product-group-page{ background: #f1f1f1}
#product-group-page>.page-title{ position: fixed; left: 0px; width: 100%; top: 0px; z-index: 9}
#product-group-page #group-list{ width: 100%; position: relative}
#product-group-page #group-list .item{ width: 100%; float: left; background: #f1f1f1; margin-top: 5px;}
#product-group-page #group-list .item>.left{ width: 30%;float: left; padding: 3px;}
#product-group-page #group-list .item>.right{ width: 68%;float: left; }
#product-group-page #group-list .item>.left>img{ width: 90%; height: 90%}
#product-group-page #group-list .item>.right>.title{ height: 20px; line-height: 20px; padding-top: 5px; font-size: 14px; font-weight: bold}
#product-group-page #group-list .item>.right>.model{ height: 20px; line-height: 20px; padding-top: 5px; font-size: 12px;}
#product-group-page #group-list .item>.right>.model>span{ display: inline-block; padding: 0px 10px; border-radius: 3px; margin-left: 5px; background: #f8dbdb; color: #cd4444;}
#product-group-page #group-list .item>.right>.price-box{ margin-top: 5px; height: 20px; line-height: 20px; display: flex; text-align: left}
#product-group-page #group-list .item>.right>.price-box>div{ flex: 1; color:#de081e }
#product-group-page #group-list .item>.right>.price-box>div.group-price{ font-size: 13px; font-weight: bold}
#product-group-page #group-list .item>.right>.price-box>div.price{ font-size: 12px; color: #555555}
#product-group-page #group-list .item>.right>.button-box{height: 20px; line-height: 20px; display: flex; text-align: left;margin-top: 5px;}
#product-group-page #group-list .item>.right>.button-box>div{ flex: 1}
.top-page-banner{ width: 100%; height: auto; position: fixed; z-index: 8; top: 0px;}
.top-page-banner>img{}

/* 限时秒杀 */
#product-seckill-page #product-list{ position: relative}
#product-seckill-page{}
#product-seckill-page>.page-title{ position: fixed; left: 0px; width: 100%; top: 0px; z-index: 9}
#product-seckill-page>.time-box{ position: fixed; display: flex; width: 100%; height: 40px; line-height: 40px; border-radius: 5px; z-index: 9; top: 180px; background: #FFFFFF}
#product-seckill-page>.time-box>.item{ flex: 1; text-align: center; border-radius: 5px; font-size: 14px;}
#product-seckill-page>.time-box>.item>span{ display: inline-block; color: #777777; width: 90%; margin-top: 2px; border-radius: 4px;background: #f6cbcb;height: 30px; line-height: 32px; position: relative; top: 3px;}
#product-seckill-page>.time-box>.item.curr>span{ background: #c41f1f; color: #FFFFFF;}
#product-seckill-page>.time-box>.item.over>span{ background: #e7e6e6;}
#product-seckill-page>.product-list{ height: 100px; width: 100%; background: #f1f1f1; padding-top: 5px;}
#product-seckill-page>.no-seckill{ height: 100px; background: #FFFFFF; padding-top: 5px; padding-bottom: 5px; margin: 0px auto;font-size: 14px; text-align: center; color: #888888; width: 80%; border-radius: 5px;}
#product-seckill-page>.next-seckill{height: 100px; background: #FFFFFF; padding-top: 5px; padding-bottom: 5px; margin: 0px auto; font-size: 14px; text-align: center; color: #888888; width: 80%; border-radius: 5px;}
#product-seckill-page #product-list .item{ width: 95%;margin: 5px auto; background: #FFFFFF;}
#product-seckill-page #product-list .item>.left{ width: 30%; float: left}
#product-seckill-page #product-list .item>.right{ width: 68%;float: left; }
#product-seckill-page #product-list .item>.left>img{ width: 90%; height: 90%; margin: 3px;}
#product-seckill-page #product-list .item>.right>.title{ height: 20px; line-height: 20px; padding-top: 5px; font-size: 14px; font-weight: bold;}
#product-seckill-page #product-list .item>.right>.model{ height: 20px; line-height: 20px; padding-top: 5px; font-size: 13px;}
#product-seckill-page #product-list .item>.right>.model>span{ display: inline-block; padding: 0px 10px; border-radius: 3px; margin-left: 5px; background: #f8dbdb; color: #cd4444;}
#product-seckill-page #product-list .item>.right>.process-box{ height: 25px; }
#product-seckill-page #product-list .item>.right>.buy-box{ height: 25px; line-height: 25px; text-align: center; display: flex}
#product-seckill-page #product-list .item>.right>.buy-box>div{ flex: 1}
#product-seckill-page #product-list .item>.right>.buy-box>div.price{ color:#de081e; font-size: 14px; font-weight: bold ; text-align: left; text-indent: 5px;}

/* 新品推荐 */

#product-new-page{background:#f1f1f1;}
#product-new-page>.page-title{ position: fixed; left: 0px; width: 100%; top: 0px; z-index: 9}
#product-new-page #product-list{ width: 100%; overflow: auto; position: relative}
#product-new-page #product-list .item{ width: 95%; border-radius: 5px; margin: 0px auto; background: #FFFFFF; margin-top: 5px;}
#product-new-page #product-list .item>.left{ width: 30%; float: left}
#product-new-page #product-list .item>.right{ width: 68%;float: left; }
#product-new-page #product-list .item>.left>img{ width: 90%; height: 90%}
#product-new-page #product-list .item>.right>.title{ height: 40px; line-height: 20px; padding-top: 5px; font-size: 14px; font-weight: bold;}
#product-new-page #product-list .item>.right>.title>span{display: inline-block; max-width: 80%}
#product-new-page #product-list .item>.right>.tag-box{ height: 25px; }
#product-new-page #product-list .item>.right>.buy-box{ height: 25px; line-height: 25px; text-align: center; display: flex}
#product-new-page #product-list .item>.right>.buy-box>div{ flex: 1}
#product-new-page #product-list .item>.right>.buy-box>div.price{ color:#de081e; font-size: 14px; font-weight: bold ; text-align: left; text-indent: 5px;}


/*------------ 个人中心 ----------*/
#center-page{ background: #f1f1f1}
#center-page>.top{ height: 40px; line-height: 40px; position: relative;}
#center-page>.top>.setup{ position: absolute; height: 35px; width: 35px; right: 13px; top: 2px; text-align: center; font-size: 26px; color: #E1E1E1; z-index: 99}
/*#center-page>.page-title{ position: fixed; width: 100%; z-index: 999; top: 0px;}*/

#center-page>#user-info-box{ width: 100%; height: 215px; position: relative; background: #2873b9; padding-top: 50px;}
#center-page>#user-info-box>#setup-button{ position: absolute; top: 55px; right: 15px; color: #EEEEEE; font-size: 26px; z-index: 9; width: 30px; height: 30px;}
#center-page>#user-info-box>#icon-box{ text-align: left; width: 80%; margin-left: 10px;}
#center-page>#user-info-box>#icon-box>img{ width: 40px; margin-top: 10px; border-radius: 5px; margin-left: 8px;}
#center-page>#user-info-box>#icon-box>#nickname{ display: inline-block; padding-left: 10px; font-size: 16px;text-align: center; position: relative; top: -15px; color: #EEEEEE}
#center-page>#user-info-box>.address-info{ color: #CCCCCC; min-height: 30px; line-height: 30px; border-radius: 5px; margin: 0px auto; margin-top: 4px; width: 95%; text-indent: 4px;}
#center-page>#user-info-box>.business-box{color: #CCCCCC; height: 30px; line-height: 30px; display: flex; width: 93%; margin: 0px auto;}
#center-page>#user-info-box>.business-box>.item{ flex: 1}
#center-page>#user-info-box>.business-box>.item>.name{ float: left; width: 40%;}
#center-page>#user-info-box>.business-box>.item>.value{float: left;width: 60%;}

#clerk-box{ width: 95%; background: rgba(220,220,220,.5); border-radius: 5px; margin: 0px auto; margin-top: 10px; padding-top: 5px;}
#clerk-box>.item{ width: 50%; float: left; min-height: 30px; line-height: 30px;}
#clerk-box>.item>.name{ width: 35%; float: left; text-align: right;}
#clerk-box>.item>.value{ width: 65%; float: left; text-indent: 5px;}

/*#order-box>#order-status-button-box>.item>.nums{ position: absolute; top: 0px; right: 16px; line-height: 15px; height: 15px; width: 15px; font-size: 12px; background: #fc9c57; color: #FFFFFF; border-radius: 50%}*/
/*#new-order-list{ background: #ffffff; width: 95%; margin: 0px auto; border-radius: 5px; border: 1px solid #EEEEEE}
#new-order-list>.item{ width: 100%; position: relative; width: 100%; border-bottom: 1px solid #EEEEEE;font-size: 12px;  }
#new-order-list>.item>i{ position: absolute; top: 30%; right: 10px; color: #CCCCCC}
#new-order-list>.item>img{ float: left; width: 40px; height: 40px; margin: 5px;}
#new-order-list>.item>.info-box{ float: left; line-height: 25px; color: #888888}
#new-order-list>.item:last-child{ border-bottom: 0px;}*/
.menu-box{width: 95%; background: #FFFFFF; border-radius: 5px; margin: 10px auto; padding-bottom: 0px;}
.menu-box>.item{ display: flex; border-bottom: 1px solid #f8f8f8}
.menu-box>.item:last-child{ border: none;}
.menu-box>.item>.name{flex: 1;line-height: 40px; font-size: 14px; text-indent: 10px; position: relative}
.menu-box>.item>.name>.un-read-session-nums{ top: 13px; left: 75px; font-size: 12px; position: absolute; width: 15px; height: 15px; background: #d70808; display: inline-block; line-height: 15px; text-indent: 0px; text-align: center; border-radius: 50%; color: #FFFFFF;}
.menu-box>.item>.icon{ width: 50px; height: 40px; font-size: 14px; padding-right: 5px;}
.menu-box>.item>.icon>i{ position: relative; top: 10px;}

#act-box{ line-height: 35px; width: 95%; margin: 10px auto;}
#act-box>.item{ position: relative; text-align: left; border-bottom: 1px solid #EEEEEE; font-size: 14px;}
#act-box>.item>i{top: 5%; right: 10px; color: #CCCCCC; position: absolute; font-size: 12px;}
/*#act-box>.item:last-child{ border: 0px;}*/

#recommend-list{width: 95%; background: #FFFFFF; border-radius: 5px; margin: 15px auto; padding-top: 5px;padding-bottom: 5px;}


/*------------ 设置页面 ------------*/
#setup-page{ padding-top: 40px; background: #f1f1f1}
#setup-page>.page-title{ background: #FFFFFF; position: fixed; top: 0px; width: 100%;}
#setup-page>.form{line-height: 35px; width: 100%; margin: 10px auto; font-size: 14px; background: #FFFFFF;}
#setup-page>.form>.item{ padding-top: 5px; padding-bottom: 5px; position: relative; width: 95%; margin: 0px auto; border-bottom: 1px solid #EEEEEE; border-radius: 5px;}
/*#setup-page>.form>.item img{ border-radius: 50%; position: relative; top: 12px;}*/
/*#setup-page>.form i{top: 5%; right: 10px; color: #CCCCCC; position: absolute; font-size: 12px;}*/
#setup-page>.form>.item>.left{ width: 80%;  float: left; text-indent: 5px;}
#setup-page>.form>.item>.left>i{ display: inline-block; font-size: 16px; color: #888888}
#setup-page>.form>.item:nth-child(1)>.left>i{ font-size: 16px; position: relative; top: 2px}
#setup-page>.form>.item:nth-child(2)>.left>i{ font-size: 20px; position: relative; top: 0px}
#setup-page>.form>.item:nth-child(3)>.left>i{ font-size: 18px; position: relative; top: 1px}
#setup-page>.form>.item:nth-child(4)>.left>i{ font-size: 22px; position: relative; top: 2px}
#setup-page>.form>.item:nth-child(4)>.left>span{ text-indent: 0px;}
#setup-page>.form>.item:nth-child(5)>.left>i{ font-size: 18px;}
#setup-page>.form>.item:nth-child(6)>.left>i{ font-size: 18px;}
#setup-page>.form>.item:nth-child(7)>.left>i{ font-size: 18px;}
#setup-page>.form>.item>.left>span{ display: inline-block; margin-left: 5px;}
#setup-page>.form>.item:first-child>.left>span{ display: inline-block; margin-left: 3px;}
#setup-page>.form>.item>.right{ width: 20%;float: left; text-align: right}
#setup-page>.form>.item:last-child{border: 0px;}
#setup-page>.page-bottom{ position: fixed; text-align: center;line-height: 40px; width: 100%; bottom: 0px; background: #FFFFFF; z-index: 999; padding-top: 5px; padding-bottom: 5px;}

/* 个人资料 */
#member-info-page{ padding-top: 40px; background: #f1f1f1}
#member-info-page>.form{line-height: 30px; width: 100%; margin: 10px auto; font-size: 14px; background: #FFFFFF;}
#member-info-page>.form>.item{ padding-top: 5px; padding-bottom: 5px; position: relative; width: 95%; margin: 0px auto; border-bottom: 1px solid #EEEEEE; border-radius: 5px;}
#member-info-page>.form>.item>.left{ width: 50%;  float: left; text-indent: 10px;}
#member-info-page>.form>.item>.left>i{ display: inline-block; font-size: 16px; color: #888888}
#member-info-page>.form>.item>.left>span{ display: inline-block; margin-left: 5px;}
#member-info-page>.form>.item:first-child>.left>span{ display: inline-block; margin-left: 0px;}
#member-info-page>.form>.item>.right{ width: 50%;float: left; text-align: right}
#member-info-page>.form>.item:last-child{border: 0px;}

/* 更改密码 */
#changepassword-page{ padding-top: 40px; background: #f1f1f1}
#changepassword-page>.page-title{ background: #FFFFFF; position: fixed; top: 0px; width: 100%;z-index: 999;}
#changepassword-page>.form-box{ width: 95%; margin: 10px auto; border-radius: 5px; background: #FFFFFF; padding-top: 15px; padding-bottom: 10px;}
#changepassword-page>.form-box .el-input{ width: 80%;}

/* 更改手机号码 */
#change-mobile-page{ padding-top: 40px; background: #f1f1f1}
#change-mobile-page>.page-title{ background: #FFFFFF; position: fixed; top: 0px; width: 100%;z-index: 999;}
#change-mobile-page>.form-box{ width: 95%; margin: 10px auto; border-radius: 5px; background: #FFFFFF; padding-top: 15px; padding-bottom: 10px;}
#change-mobile-page>.form-box .el-input{ width: 80%;}

/* 微信绑定 */
#member-wechat-binding-page{ padding-top: 40px; background: #f1f1f1}
#member-wechat-binding-page>.page-title{ background: #FFFFFF; position: fixed; top: 0px; width: 100%;z-index: 999;}
#member-wechat-binding-page>.wechat-user-box{ width: 100%; text-align: center; margin-top: 40px; text-align: center}
#member-wechat-binding-page>.wechat-user-box>img{ height: 80px; width: auto; border-radius: 10%;}
#member-wechat-binding-page>.wechat-user-box>.nickname{ font-size: 14px; line-height: 40px;}

/* 店铺绑定列表 */
#member-binding-shop-list-page{ padding-top: 40px; background: #f1f1f1}
#member-binding-shop-list-page>.page-title{ background: #FFFFFF; position: fixed; top: 0px; width: 100%;z-index: 999;}
#member-binding-shop-list-page>#shop-list{ width: 95%; margin: 10px auto; }

/* 店铺收藏列表 */
#member-shop-collect-list-page{ padding-top: 40px; background: #f1f1f1}
#member-shop-collect-list-page>.page-title{ background: #FFFFFF; position: fixed; top: 0px; width: 100%;z-index: 999;}
#member-shop-collect-list-page #shop-list{ width: 95%; margin: 0px auto; }

/* 产品收藏列表 */
#member-product-collect-list-page{ padding-top: 40px; background: #f1f1f1}
#member-product-collect-list-page>.page-title{ background: #FFFFFF; position: fixed; top: 0px; width: 100%;z-index: 999;}
#member-product-collect-list-page>#product-list{ width: 95%; margin: 10px auto; }

/* 地址列表 */
#member-address-list-page{ padding-top: 40px; background: #f1f1f1;}
#member-address-list-page>.page-title{ background: #FFFFFF; position: fixed; top: 0px; width: 100%;  z-index: 999;}
.address-item{ font-size: 12px; height: 80px; padding: 5px 0px; background: #FFFFFF; color: #555555; width: 95%; margin: 5px auto; border-bottom: 1px solid #EEEEEE; border-radius: 5px;}
.address-item>.icon{ width: 8%; height: 80px; float: left; line-height: 80px; text-align: center;}
.address-item>.icon>i{ font-size: 22px; color: #c62121}
.address-item>.left{ width: 64%; float: left; line-height: 25px; text-indent: 10px;}
.address-item>.right{ width: 26%; float: left; text-align: center; line-height: 80px; color: #888888;}
.address-item>.right>span{ display: inline-block; height: 80px; line-height: 80px;}
.address-item>.right>i{font-size: 16px; }
.address-item>.left>.line2>.default{ background: #fce1de; border-radius: 3px; color: #e05050; display: inline-block; padding: 0px 5px; text-indent: 0px;}
.address-item>.left>.line3{ color: #333333;}
.address-item>.left>.line3>span{ display: inline-block; max-width: 100%; text-indent: 0px;}
.address-item>.left>.line1{ display: flex; font-weight: bold}
.address-item>.left>.line1>.name{ flex: 2; font-size: 13px;}
.address-item>.left>.line1>.mobile{flex: 3}

#member-address-form-page{}
#member-address-form-page i.el-icon-location{ font-size: 22px; color: #fa5353}


/* 订单确认 */
.address-box{margin: 0px auto; width: 100%;;border-radius: 5px; border:1px solid #EEEEEE; box-sizing: border-box; position: relative}
.address-box>.address-box-mask{ width: 73%; background: rgba(0,0,0,.5); height: 90px; left: 0px; top: 4px; z-index: 11; border-radius: 5px; position: absolute; color: #FFFFFF; line-height: 90px; text-align: center; font-size: 14px; font-weight: bold}
.address-box>.title-bar{ font-size: 14px; background: #e1e1e1; }
.address-box>.address-item{ background: #FFFFFF; border-top-right-radius: 5px;border-top-left-radius: 5px; border: 0px;}
.address-box>.bottom-bar{ background: url("images/address-bottom-bar.png") repeat-x; height: 8px; width: 100%;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}

.address-list{ height: 500px;}
.address-list>.address-item{ float: left; background: #FCFCFC; margin-left: 2.5%;}
.address-list>.address-item i.el-icon-success{ font-size: 16px;}
.address-list>.address-item.curr{ background: #efcfaf;}
.address-list>.address-item.curr i.el-icon-success{ color: green}
.address-list>.address-item:last-child{ border: 0px;}

#confirm-order-page{ background: #f1f1f1;}
#confirm-order-page>.page-title{ background: #FFFFFF; z-index: 99; position: fixed; width: 100%; top: 0px;}
#confirm-order-page .address-box>div.address-item{ width: 100%; padding: 0px; margin-bottom: 0px}
.shop-and-product-box{ width: 95%; margin: 10px auto; background: #FFFFFF; border-radius: 5px;}
.shop-and-product-box>.shop-info{ display: flex; line-height: 40px;}
.shop-and-product-box>.shop-info>.shop-logo{ margin-left: 5px; width: 40px; height: 40px;}
.shop-and-product-box>.shop-info>.shop-logo>img{ width: 28px; height: 28px; padding: 2px; border-radius: 3px; border:1px solid #f1f1f1; margin: 3px;}
.shop-and-product-box>.shop-info>.shop-name{ font-weight: bold; flex: 1; font-size: 14px; text-indent: 5px}

.shop-and-product-box>.choose-send{ line-height: 25px; padding-top: 10px; padding-bottom: 10px; margin: 0px auto; width: 95%; display: flex}
.shop-and-product-box>.choose-send>.left{ font-size: 14px; color: #333333; width: 35%;}
.shop-and-product-box>.choose-send>.right{ flex: 1; padding-right: 10px;text-align: right;}
.shop-and-product-box>.choose-send>.right>.send-type{font-size: 14px;color: #333333;}
.shop-and-product-box>.choose-send>.right>.send-time{}
.shop-and-product-box>.choose-send>.right>.send-time>span{ color: #de081e}
.shop-and-product-box>.choose-send>.right>.send-time>.same-city-send-info>span{ color: #de081e; text-decoration: underline}
.shop-and-product-box>.choose-send>.right>.send-data{ position: relative; height: 25px; margin-top: 5px;}
.shop-and-product-box>.choose-send>.right>.send-data>.send-data-info{ text-align: right; position: absolute; width: 125%; left: -50px;}
.shop-and-product-box>.choose-send>.right>.send-data>.send-data-info>span{display: inline-block; margin-left: 2px; font-size: 12px; background: #eec2c2; color: #bd4040; border-radius: 3px; padding: 0px 2px;}

#confirm-order-page .product-price-detail{font-size: 12px; width: 95%; margin: 10px auto; background: #FFFFFF; border-radius: 5px; padding-bottom: 5px}
#confirm-order-page .product-price-detail>.title{ font-weight: bold; height: 35px; line-height: 35px; text-indent: 10px; font-size: 14px; }
#confirm-order-page .product-price-detail>.item{ width: 95%; border-bottom: 1px solid #f1f1f1; height: 30px; line-height: 30px; text-indent: 0px; display: flex; margin: 5px auto;}
#confirm-order-page .product-price-detail>.item:last-child{ border-bottom: none;}
#confirm-order-page .product-price-detail>.item>.left{ flex: 1; }
.tip-box{ color: #b77171; min-height: 22px; line-height: 22px; border-radius: 4px; padding: 1px 10px; background: #f8cccc; display: inline-block; text-indent: 0px; text-align: left; font-size: 12px;}
.coupon-use-box{ color: #cd0808; background: #f8cccc;}
#confirm-order-page .product-price-detail>.item>.right{  width: 100px;  text-align: right;}
#confirm-order-page .product-price-detail>.item>.right>span{color: #cd0808; font-weight: bold;}
#confirm-order-page .product-price-detail>.item>.right>i{}

.pay-choose-box{ background: #FFFFFF; width: 95%; margin: 10px auto;padding-bottom: 5px; border-radius: 5px}
.pay-choose-box>.title{ font-weight: bold; height: 35px; line-height: 35px; text-indent: 10px; font-size: 14px; }
.pay-choose-box>.item{ width: 95%; border-bottom: 1px solid #f1f1f1; height: 30px; line-height: 30px; text-indent: 0px; display: flex; margin: 5px auto;}
.pay-choose-box>.item:last-child{ border-bottom: none}
.pay-choose-box>.item>.left{ flex: 1; line-height: 30px;}

.pay-choose-box>.item>.left>.icon{ background-repeat: no-repeat; background-position: center center; background-size: 90% auto; display: inline-block; width: 25px; height: 25px; margin: 2px;}
.pay-choose-box>.item>.left>.icon.money-pay{ background-image: url("images/pay-type-money.png")}
.pay-choose-box>.item>.left>.icon.ali-pay{ background-image: url("images/pay-type-ali.png")}
.pay-choose-box>.item>.left>.icon.wechat-pay{ background-image: url("images/pay-type-wechat.png")}
.pay-choose-box>.item>.left>.icon.enterprise-pay{ background-position: center center; background-image: url("images/pay-type-enterprise.png")}
.pay-choose-box>.item>.left>span{ display: inline-block; position: relative; top: -8px;}
.pay-choose-box>.item>.right{ width: 100px;  text-align: right;}
.pay-choose-box>.item>.right>.pay-choose-icon{ display: inline-block; width: 22px; height: 22px; background: url("images/pay-choose-off.png") center center no-repeat; background-size: 100% 100%;}
.pay-choose-box>.item>.right>.pay-choose-icon.on{ background-image: url("images/pay-choose-on.png")}
#confirm-order-page>.page-bottom{ background: #FFFFFF; height: 50px; line-height: 50px; position: fixed; bottom: 0px; width: 100%;}
#confirm-order-page>.page-bottom>.el-button{ width: 90%; position: relative; top: 0px;}


/* 采购订单确认 */
#confirm-purchase-order-page{ background: #f1f1f1; padding-bottom: 5px;}
#confirm-purchase-order-page>.page-title{ background: #FFFFFF;z-index: 999; position: fixed}
#confirm-purchase-order-page>.address-box{margin: 10px auto; width: 95%;;border-radius: 5px; border:1px solid #EEEEEE; box-sizing: border-box;}
#confirm-purchase-order-page>.address-box>.title-bar{ font-size: 14px; background: #e1e1e1; }
#confirm-purchase-order-page>.address-box>.address-item{ background: #FFFFFF; border-top-right-radius: 5px;border-top-left-radius: 5px;}
#confirm-purchase-order-page>.address-box>.bottom-bar{ background: url("images/address-bottom-bar.png") repeat-x; height: 8px; width: 100%;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
#confirm-purchase-order-page>.product-box{ width: 95%; margin: 10px auto; background: #FFFFFF; border-radius: 5px; overflow: auto}
#confirm-purchase-order-page>.product-box>.shop-info{ display: flex; line-height: 40px;}
#confirm-purchase-order-page>.product-box>.shop-info>.shop-logo{ margin-left: 5px; width: 40px; height: 40px;}
#confirm-purchase-order-page>.product-box>.shop-info>.shop-logo>img{ width: 28px; height: 28px; padding: 2px; border-radius: 3px; border:1px solid #f1f1f1; margin: 3px;}
#confirm-purchase-order-page>.product-box>.shop-info>.shop-name{ font-weight: bold; flex: 1; font-size: 14px; text-indent: 5px}
#confirm-purchase-order-page>.product-box>.choose-send{ line-height: 25px; padding-top: 10px; padding-bottom: 10px; margin: 0px auto; width: 95%; display: flex}
#confirm-purchase-order-page>.product-box>.choose-send>.left{ font-size: 14px; color: #333333; width: 20%;}
#confirm-purchase-order-page>.product-box>.choose-send>.right{ flex: 1; padding-right: 10px;text-align: right;}
#confirm-purchase-order-page>.product-box>.choose-send>.right>.send-type{font-size: 14px;color: #333333;}
#confirm-purchase-order-page>.product-box>.choose-send>.right>.send-time{}
#confirm-purchase-order-page>.product-box>.choose-send>.right>.send-time>span{ color: #de081e}
#confirm-purchase-order-page .product-price-detail{font-size: 12px; width: 95%; margin: 10px auto; background: #FFFFFF; border-radius: 5px; padding-bottom: 5px}
#confirm-purchase-order-page .product-price-detail>.title{ font-weight: bold; height: 35px; line-height: 35px; text-indent: 10px; font-size: 14px; }
#confirm-purchase-order-page .product-price-detail>.item{ width: 95%; border-bottom: 1px solid #f1f1f1; height: 30px; line-height: 30px; text-indent: 0px; display: flex; margin: 5px auto;}
#confirm-purchase-order-page .product-price-detail>.item:last-child{ border-bottom: none;}
#confirm-purchase-order-page .product-price-detail>.item>.left{ flex: 1; }
#confirm-purchase-order-page>.product-price-detail>.item>.left .coupon-use-box{ color: #cd0808; height: 22px; line-height: 22px; border-radius: 4px; padding: 1px 10px; background: #f8cccc; display: inline-block; text-indent: 0px; text-align: center;}
#confirm-purchase-order-page .product-price-detail>.item>.right{  width: 100px;  text-align: right;}
#confirm-purchase-order-page .product-price-detail>.item>.right>span{color: #cd0808; font-weight: bold;}
#confirm-purchase-order-page .product-price-detail>.item>.right>i{}

#confirm-purchase-order-page>.pay-choose-box{ background: #FFFFFF; width: 95%; margin: 10px auto;padding-bottom: 5px; border-radius: 5px}
#confirm-purchase-order-page>.pay-choose-box>.title{ font-weight: bold; height: 35px; line-height: 35px; text-indent: 10px; font-size: 14px; }
#confirm-purchase-order-page>.pay-choose-box>.item{ width: 95%; border-bottom: 1px solid #f1f1f1; height: 30px; line-height: 30px; text-indent: 0px; display: flex; margin: 5px auto;}
#confirm-purchase-order-page>.pay-choose-box>.item:last-child{ border-bottom: none}
#confirm-purchase-order-page>.pay-choose-box>.item>.left{ flex: 1; line-height: 30px;}

#confirm-purchase-order-page>.pay-choose-box>.item>.left>.icon{ background-repeat: no-repeat; background-position: center center; background-size: 90% auto; display: inline-block; width: 25px; height: 25px; margin: 2px;}
#confirm-purchase-order-page>.pay-choose-box>.item>.left>.icon.ali-pay{ background-image: url("images/pay-type-ali.png")}
#confirm-purchase-order-page>.pay-choose-box>.item>.left>.icon.wechat-pay{ background-image: url("images/pay-type-wechat.png")}
#confirm-purchase-order-page>.pay-choose-box>.item>.left>.icon.enterprise-pay{ background-position: center center; background-image: url("images/pay-type-enterprise.png")}
#confirm-purchase-order-page>.pay-choose-box>.item>.left>span{ display: inline-block; position: relative; top: -8px;}
#confirm-purchase-order-page>.pay-choose-box>.item>.right{ width: 100px;  text-align: right;}
#confirm-purchase-order-page>.pay-choose-box>.item>.right>.pay-choose-icon{ display: inline-block; width: 22px; height: 22px; background: url("images/pay-choose-off.png") center center no-repeat; background-size: 100% 100%;}
#confirm-purchase-order-page>.pay-choose-box>.item>.right>.pay-choose-icon.on{ background-image: url("images/pay-choose-on.png")}
#confirm-purchase-order-page>.page-bottom{ text-align: center; background: #FFFFFF; height: 50px; line-height: 50px; position: fixed; bottom: 5px; width: 100%;}
#confirm-purchase-order-page>.page-bottom>.el-button{ width: 90%;}

/* 选择配送时间弹窗 */
#shop-send-time-dialog{ border: 1px solid #f1f1f1; border-radius: 5px; width: 90%; padding: 3px; font-size: 13px;}
#shop-send-time-dialog>.title{ width: 100%; float: left; height: 40px; line-height: 40px; font-size: 14px; text-indent: 10px;}
#shop-send-time-dialog>.left{ height: 200px; width: 20%; float: left; text-align: center;}
#shop-send-time-dialog>.left>.item{ border-radius: 4px; float: left; height: 25px; line-height: 25px; margin-top: 1px; background: #EEEEEE; width: 100%;}
#shop-send-time-dialog>.left>.item.curr{ background: #db372a; color: #FFFFFF;}
#shop-send-time-dialog>.right{ height: 200px; width: 78%; float: left; overflow-y: auto; margin-left: 5px}
#shop-send-time-dialog>.right>.item{ border-radius: 4px; float: left; height: 25px; line-height: 25px;background: #EEEEEE; width: 80%; margin: 1px auto; text-align: center;}
#shop-send-time-dialog>.right>.item.curr{ background: #db372a; color:  #FFFFFF;}

#search-page{}
.search-top-bar{ position: fixed; width: 100%; top: 0px; background: #de081e; height: 40px; line-height: 40px; display: flex; z-index: 9}
.search-top-bar>.icon{ color: #EEEEEE; margin-left: 5px; margin-top: 6px;font-size: 26px; width: 30px; text-align: center}
.search-top-bar>.keyword-input{ margin-left: 5px; flex: 1}
.search-top-bar>.keyword-input>input{ outline: none; border: none;}
.search-top-bar>.search-button{ color: #EEEEEE; border-radius: 4px;width: 50px; height: 25px; margin-left: 5px; background: #e36464; position: relative; top: 8px; outline: 0px; border: none; margin-right: 3px;}
.search-top-bar>.switch-button{  border-radius: 4px;width: 50px; height: 25px; background: #ffffff; color: #333333; position: relative; top: 8px; right: 3px; outline: 0px; border: none; margin-left: 7px; }

#search-history-box{ width: 100%; margin: 0px auto; background: #FFFFFF; border-top: 10px solid #EEEEEE}
#search-history-box .no-history{text-align: center; color: #888888}
#search-history-box.hot{ border: none}
#search-history-box>.history-title{ line-height: 40px;width: 95%;margin: 0px auto;}
#search-history-box>.history-title>.left{ text-align: left; text-indent: 10px; font-size: 14px; color: #333333; font-weight: bold; width: 45%; float: left;}
#search-history-box>.history-title>.right{ text-align: right; padding-right: 10px;width: 50%; float: left; font-size: 20px;}
#search-history-box>.history-list{ width: 95%;margin: 0px auto;}
#search-history-box>.history-list>.item{ display: inline-block; padding: 0 10px; background: #EEEEEE; float: left; margin: 3px; border-radius: 3px; line-height: 25px; font-size: 13px;  }

.filter-bar{ width: 100%; display: flex;
  background: -webkit-linear-gradient(#fdd5d5,#FFFFFF); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fdd5d5,#FFFFFF); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fdd5d5,#FFFFFF); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fdd5d5,#FFFFFF); /* 标准的语法（必须放在最后） */
  position: fixed;
  top: 40px;
  width: 100%;
  z-index: 100;
}
.filter-bar>.item{  line-height: 40px; height: 40px; flex: 1; text-align: center; font-size: 13px;}
.filter-bar>.item>.cate-select{ width: 95px;}

#cart-page{background: #f1f1f1;}
#cart-page>.page-title{ position: fixed;z-index: 999;top: 0px; width: 100%;}
#cart-page .slected-buynow-button{ position: absolute; right: 8px; top: 8px;}
#cart-page .one-shop-box{ width: 100%; margin: 0px auto; box-sizing: border-box; border: 1px solid #f1f1f1; border-top: 10px solid #f1f1f1; }
#cart-page .product-list{background: #FFFFFF}
#cart-page .product-list>.item{ width: 95%; margin: 5px auto; }
#cart-page .product-list>.item:nth-child(1){ margin-top: 0px;}
#cart-page .product-list>.item>.left{ float: left; width: 10%; text-align: center;}
#cart-page .product-list>.item>.left{ line-height: 110px;}
#cart-page .product-list>.item>.right{ width: 90%; float: left; padding-top: 10px;}
#cart-page .product-list>.item>.right>.right-product-image{ width: 30%; float: left;}
#cart-page .product-list>.item>.right>.right-product-image>img{ width: 90%; margin: 0px auto;}
#cart-page .product-list>.item>.right>.right-product-other{ width: 70%; float: left;position: relative}
#cart-page .product-list>.item>.right>.right-product-other>.product-name{font-size: 14px; font-weight: bold; width: 80%; min-height: 25px;line-height: 25px;}
#cart-page .product-list>.item>.right>.right-product-other>.product-name>span{ display: inline-block; max-width: 90%;}
#cart-page .product-list>.item>.right>.right-product-other>.product-model{ margin-top: 5px; font-size: 12px; display: inline-block; background: #f1f1f1; padding: 2px 10px; border-radius: 3px;}
#cart-page .product-list>.item>.right>.right-product-other>.product-model>span{ color: #333333;}
#cart-page .product-list>.item>.right>.right-product-other>.product-del-button{ display: inline-block;position: absolute; top: 0px; right: 5px; height: 18px; width: 18px;}
#cart-page .product-list>.item>.right>.right-product-other>.product-del-button>i{ font-size: 16px; color: #AAAAAA}
#cart-page .product-list>.item>.right>.right-product-other>.product-price{display: flex; margin-top: 0px; line-height: 40px; position: relative}
#cart-page .product-list>.item>.right>.right-product-other>.product-price>.price{flex: 1; font-size: 14px; font-weight: bold; position: relative; top: 2px}
#cart-page .product-list>.item>.right>.right-product-other>.product-price>.nums{ flex: 1}

#cart-page .shop-box{ height: 35px;width: 100%; padding-top: 5px; background: #ffffff; margin: 0px; position: relative;}
#cart-page .shop-box>.check-box{ width: 50px; height: 30px;float: left; line-height: 30px;}
#cart-page .shop-box>.shop-logo{ width: 30px; height: 30px; float: left;}
#cart-page .shop-box>.shop-logo>img{ width: 100%;}
#cart-page .shop-box>.shop-name{ width: 200px; line-height: 30px; height: 30px; text-align: left; text-indent: 10px; font-size: 14px; font-weight: bold; float: left;}
#cart-page .shop-box>.el-icon-delete-solid{ font-size: 16px; color: #AAAAAA; position: absolute; right: 17px; top: 5px;}


/* 产品-分类页面 */
#product-classify-page{}
.product-classify-box{ width: 100%; padding-top: 0px;}
.product-classify-box>.left-menu{ height: 500px; width: 25%;float: left; overflow-y: auto; overflow-x: hidden}
.product-classify-box>.left-menu>.item{ background: #f1f1f1;  background-size: 100% 100%; line-height: 45px; height: 45px; text-align: center; font-size: 14px;}
.product-classify-box>.left-menu>.item.curr{background: url("images/product-classfiy.png") no-repeat; color: #EEEEEE}

.product-classify-box>.right-box{height: 500px; width: 68%; float: left;margin-left: 10px; overflow-y: auto; overflow-x: hidden}
.product-classify-box>.right-box>.item{ width: 100%; margin: 10px auto; border: 1px solid #EEEEEE; border-radius: 5px;}
.product-classify-box>.right-box>.item:nth-child(1){ margin-top: 0px}
.product-classify-box>.right-box>.item>.title{ width: 100%; text-indent: 20px; height: 35px; line-height: 35px; background: url("images/product-classfiy-title-icon.png") no-repeat; background-size: auto 50% ; background-position: 3% center; float: left; border-bottom: 1px solid #f1f1f1; font-size: 14px;}
.product-classify-box>.right-box>.item>.list-item{ float: left; width: 100%; min-height: 80px;}
.product-classify-box>.right-box>.item>.list-item>.item{ padding: 3px 5px; display: inline-block; margin: 2px; background: #f1f1f1; border-radius: 3px; font-size: 13px;}

#order-page{ background: #f1f1f1; padding-top: 0px; padding-bottom: 30px;}
#order-page>#search-bar{ height: 42px; line-height: 42px; background: #165ea1; color: #EEEEEE; display: flex; position: fixed; z-index: 999; top: 0px; width: 100%;}
#order-page>#search-bar>.back-button{ width: 30px; height: 42px;}
#order-page>#search-bar>#search-box{ flex: 1; position: relative}
#order-page>#search-bar>#search-box>#search-input-outer{ width: 84%; padding-left: 5px;}
#order-page>#search-bar>#search-box>#search-input-outer #search-button{ position: absolute; right: 3px; z-index: 9; top: 6px}
#order-page>#search-bar>#search-box>#search-input-outer>.datetime{ text-align: center; border-radius: 4px; position: absolute; width: 130px; height: 30px; background: rgba(0,0,0,.5); line-height: 30px; right: 60px; top:5px;}
#order-page>#search-bar>#search-box>#search-input-outer>.datetime>span{ max-width: 80%; display: inline-block;}
#order-page>#search-bar>#search-box>#search-input-outer>.datetime>i{ width: 15px; background: red; display: inline-block; text-indent: 0px; text-align: center; position: relative; top: -10px;}
#search-box>#datetime-button{ width: 11%; float: left; text-align: center; line-height: 38px; height: 40px; font-size: 13px;}
#order-page>#status-bar{ background: #F9f9f9; height: 40px; line-height: 40px; display: flex; position: fixed; z-index: 999; width: 100%; top: 40px; text-align: center; font-size: 13px;}
#order-page>#status-bar>.item{ flex: 1;}
#order-page>#status-bar>.item>span{ display: inline-block; width: 80%; height: 39px;}
#order-page>#status-bar>.item.curr>span{ color: #165ea1; border-bottom: 2px solid #165ea1; box-sizing: border-box;}

#order-page>#search-bar.product-search-bar>#search-box>#search-input-outer{ width: 96%; padding-left: 5px;}



/*#order-page>.search-bar>.item{ flex: 1}*/
#order-page .order-list{padding-top: 0px; padding-bottom: 0px; width: 95%; margin: 0px auto}
#order-page .order-list .item{ width: 100%; float: left; border: 1px solid #EEEEEE; border-radius: 5px; margin-top: 3px; background: #FFFFFF}
#order-page .order-list .item>.top{ font-size: 12px; height: 35px; line-height: 35px; display: flex; background: #f8f8f8;}
#order-page .order-list .item>.top>.shop-box{ flex: 1; height: 35px; margin: 0px; display: flex;}
#order-page .order-list .item>.top>.shop-box>.shop-logo{ width: 35px; height: 34px;}
#order-page .order-list .item>.top>.shop-box>.shop-logo>img{ width: 30px; height: 30px; border-radius: 3px; margin: 2px}
#order-page .order-list .item>.top>.shop-box>.shop-name{ font-size: 14px; height: 30px; text-align: left; text-indent: 10px;}
#order-page .order-list .item>.top>.shop-box>i{ font-size: 13px; width:10px; height: 34px; line-height: 36px; text-indent: 10px;}
#order-page .order-list .item>.top>.status-box{ width: 110px; text-align: right; padding-right: 5px; color: #888888}
#order-page .order-list .item>.middle{ display: flex; padding-top: 3px; padding-bottom: 3px;}
#order-page .order-list .item>.middle>.left{flex: 1}
#order-page .order-list .item>.middle>.left>img{ width: 95%; border-radius: 3px; border: 1px solid #EEEEEE; padding: 2px;}
#order-page .order-list .item>.middle>.right{flex: 3; width: 95%; padding: 0px 5px;}
#order-page .order-list .item>.middle>.right>.line1{ width: 100%; float: left;}
#order-page .order-list .item>.middle>.right>.line1>.item{line-height: 30px; height: 30px; display: flex; margin-top: 5px;}
#order-page .order-list .item>.middle>.right>.line1>.item>.img{ width: 30px; line-height: 30px;}
#order-page .order-list .item>.middle>.right>.line1>.item>.img>img{ width: 26px; line-height: 26px; margin: 2px;}
#order-page .order-list .item>.middle>.right>.line1>.item>.name{ width: 140px;height: 30px; text-indent: 10px;}
#order-page .order-list .item>.middle>.right>.line1>.item>.name>span{ display: inline-block; max-width: 95%; text-indent: 0px}
#order-page .order-list .item>.middle>.right>.line1>.item>.model{ width: 80px;height: 23px; line-height: 23px; margin-top:5px;background: #f1f1f1; border-radius: 3px; margin-left: 5px; text-align: center; text-indent: 0px}
#order-page .order-list .item>.middle>.right>.line1>.item>.model>span{ display: inline-block; max-width: 90%;}
#order-page .order-list .item>.middle>.right>.line1>.item>.price{ flex: 1; padding-right: 5px;}
#order-page .order-list .item>.middle>.right>.line1>.item>.price>span{color: #c21414;}
#order-page .order-list .item>.middle>.right>.line1>div{}
#order-page .order-list .item>.middle>.right>.line2{ width: 100%; float: left; color: #888888; height: 40px; line-height: 40px; margin-top: 5px; display: flex}
#order-page .order-list .item>.middle>.right>.line2>.group-info{ text-align: left; width: 120px}
#order-page .order-list .item>.middle>.right>.line2>.datetime{ flex: 1; text-align: right}
#order-page .order-list .item>.bottom{background: #f8f8f8; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;}

#order-detail-page{ padding-top: 40px; padding-bottom: 40px; background: #f1f1f1;}
#order-detail-page>.bottom-bar{ position: fixed; width: 100%; line-height: 40px; height: 40px; background: #FFFFFF; z-index: 999; bottom: 0px; text-align: right;}
#order-detail-page>.bottom-bar>div{ width: 95%; margin: 0 auto;}
#order-detail-page>.page-title{background-color: #165ea1;color: #FFFFFF; position: fixed; width: 100%; top:0px;z-index: 999;}
#order-detail-page>.page-title>button{ position: absolute; right: 5px; top: 7px; height: 30px; padding: 0px 5px; background: #f1f1f1; border: 0px; outline: 0px;}
#order-detail-page .address-box>div.address-item{ width: 100%; padding: 0px; margin-bottom: 0px}
/* 最新物流信息 */
#order-detail-page>.express-info{ border-radius: 5px; background: #FFFFFF; width: 95%; margin: 5px auto; border: 1px solid #EEEEEE; padding-top: 5px; padding-bottom: 5px;}
#order-detail-page>.express-info>.icon-box{ flex: 1; width: 12%;text-align: center; height: 60px; line-height: 60px;float: left}
#order-detail-page>.express-info>.icon-box>i{ color:#c62121; font-size: 22px}
#order-detail-page>.express-info>.item{ flex: 1;  width: 88%; float: left}
#order-detail-page>.express-info>.item>.status-box{ height: 35px; line-height: 35px;  display: flex}
#order-detail-page>.express-info>.item>.status-box>.tag-name{ width: 145px;font-size: 12px; text-indent: 10px; color: #333333; font-weight: bold}
#order-detail-page>.express-info>.item>.status-box>.time{ color: #888888; flex: 1; text-align: right; padding-right: 10px;}
#order-detail-page>.express-info>.item>.info-box{ height: 20px; line-height: 20px; display: flex}
#order-detail-page>.express-info>.item>.info-box>.info{width: 90%;text-indent: 10px}

#order-detail-page>.address-info{ width: 95%; margin: 5px auto; overflow-y: auto; overflow-x: hidden;border: 1px solid #EEEEEE; text-indent: 5px;}
#order-detail-page>.address-info>.address-detail{ margin-top: 10px;}
#order-detail-page>.address-info>.address-name-mobile{ display: flex;line-height: 30px;}
#order-detail-page>.address-info>.address-name-mobile>.name{ flex: 1}
#order-detail-page>.address-info>.address-name-mobile>.mobile{flex: 1}

#order-detail-page>.product-info{ width: 95%; margin: 5px auto; overflow-y: auto; overflow-x: hidden; border: 1px solid #EEEEEE; text-indent: 5px;}
#order-detail-page>.product-info>.item{width: 98%; margin-left: 2px; margin-top: 3px; background: #f8f8f8; padding: 2px;float: left;}
#order-detail-page>.product-info>.item>.imgbox{ float: left; width: 30%; margin-top: 3px;}
#order-detail-page>.product-info>.item>.imgbox>img{ width: 60px;}
#order-detail-page>.product-info>.item>.other-info{ float: left; width: 70%; margin-top: 3px; line-height: 30px;}
#order-detail-page>.product-info-info>.item>.other-info>.name{}
#order-detail-page>.product-info>.item>.other-info>.price{ text-align: right}
#order-detail-page>.product-info>.item:last-child{ border: none}

#order-detail-page>.order-info{ background: #FFFFFF; width: 95%; margin: 5px auto; overflow-y: auto; overflow-x: hidden;border: 1px solid #EEEEEE; text-indent: 5px; border-radius: 5px;}
#order-detail-page>.order-info>.title{ font-size: 14px; height: 40px; line-height: 40px;}
#order-detail-page>.order-info>.row{ width: 100%; margin-top: 5px; display: flex; border-bottom: 1px solid #f5f5f5; line-height: 25px;}
#order-detail-page>.order-info>.row>.name{flex: 1; text-align: right; padding-right: 5px;}
#order-detail-page>.order-info>.row>.value{flex: 3}
#order-detail-page>.order-info>.row:last-child{ border: none}

/* 订单-物流详情 */
#order-express-page{ background: #f1f1f1; padding-top: 40px;}
#order-express-page>.page-title{background-color: #165ea1;color: #FFFFFF; position: fixed; width: 100%; top:0px; z-index: 999}
#order-express-page>.page-title>.more{ display: inline-block; height: 30px; line-height: 30px; width: 50px; position: fixed; right: 5px; top: 5px; font-size: 14px;}
#order-express-page>.top-box{ height: 40px; line-height: 40px; background: #FFFFFF; width: 100%; padding-top: 15px;padding-bottom: 15px;}
#order-express-page>.top-box>div{ display: flex; width: 95%; margin: 0px auto;}
#order-express-page>.top-box>div>.icon-box{ width: 150px; color: #c21414; }
#order-express-page>.top-box>div>.icon-box>span{ font-size: 14px; font-weight: bold; color: #333333}
#order-express-page>.top-box>div>.icon-box>i{ font-size: 22px;position: relative; top: 4px;}
#order-express-page>.top-box>div>.sender{ font-size: 14px; flex: 1;text-align: right; color: #555555}
#order-express-page>.top-box>div>.sender>i{ font-size: 22px; color: #1a8015; margin-left: 10px; position: relative; top: 2px;}
#order-express-page>.item{ width: 95%; margin: 10px auto; min-height: 200px; background: #FFFFFF; border-radius: 5px; padding-top: 20px; padding-bottom: 20px;}
#order-express-page>.item .el-timeline-item__tail{ left: 30px;}
#order-express-page>.item .el-timeline-item__node{left: 24px;}
#order-express-page>.item .el-timeline-item__wrapper{left: 30px; max-width: 75%;}

/* 订单所有快递查看 */
#order-express-more-dialog{}
#order-express-more-dialog>.item{ margin-top: 10px; line-height: 25px;}
#order-express-more-dialog>.item>.type-name{ width: 25%; float: left; text-align: right; padding-right: 10px;}
#order-express-more-dialog>.item>.type-list{width:70%; float: left;}
#order-express-more-dialog>.item>.type-list>.item{ width: 210px; background: #f1f1f1; text-align: center; margin-top: 5px; border-radius: 4px; height: 25px; line-height: 25px;}
#order-express-more-dialog>.item>.type-list>.item.curr{ background: #fde0e0;}
#order-express-more-dialog>.item>.type-list>.item:first-child{ margin-top: 0px;}
#order-express-more-dialog>.item>.type-list>.item>.name{ display: inline-block; }
#order-express-more-dialog>.item>.type-list>.item>.number{ display: inline-block; }

#product-detail-page{padding-bottom: 70px; background: #f1f1f1; padding-top: 40px; }
#product-detail-page>.page-title{ width: 100%; position: fixed; top: 0px; z-index: 999;}
#product-detail-page .price-box{ width: 98%; margin: 10px auto; border-radius: 3px; border: 1px solid #EEEEEE; background: #f8f8f8}
#product-detail-page .price-box>.price-row{ line-height: 25px;}
#product-detail-page .price-box>.price-row>.left{ width: 60%; float: left; text-indent: 5px;}
#product-detail-page .price-box>.price-row>.left>.price{position: relative; top: 8px; color: #de081e; font-size: 22px;}
#product-detail-page .price-box>.price-row>.left>.price>.price-span{font-size: 20px;display: inline-block;}
#product-detail-page .price-box>.price-row>.left>.price span{ font-size: 14px}
#product-detail-page .price-box>.price-row>.left>.price>.group-price-span{ background: #fdefdb; font-size: 13px; margin-left: 5px;display: inline-block; border: 1px solid #f8ca90; border-radius: 3px; text-indent: 0px; padding: 0 5px;}
#product-detail-page .price-box>.title{text-indent: 5px; line-height: 40px; font-size: 18px; font-weight: bold; color: #000000; position: relative; top: 2px;}
#product-detail-page .price-box>.sale-nums-score{ height: 25px; position: relative; color: #444243; font-size: 12px; text-align: left; width: 100%; padding-bottom: 3px;}
#product-detail-page .price-box>.sale-nums-score>.text{ text-indent: 0px; display: flex; width: 50%; float: left; text-align: center; white-space: normal; word-break: keep-all;}
#product-detail-page .price-box>.sale-nums-score>.text>.item{ text-indent: 0px; flex: 1; display: inline-block;}
#product-detail-page .price-box>.sale-nums-score>.text>.item>span{ color: #de081e;}
#product-detail-page .price-box>.sale-nums-score>.score-box{ width: 50%; float: left; height: 20px; margin-top: 0px;}
#product-detail-page .price-box>.price-row>.right{ width: 40%; float: left; text-align: right;}
#product-detail-page .price-box>.price-row>.right>.record-button{ position: relative; right: 7px;top: 6px; border: 0px; outline: 0px; border-radius: 3px; color: #EEEEEE; background: #de081e; padding: 0px 3px; line-height: 18px; height: 25px;}
#product-detail-page .price-box>.price-row>.right>.record-button>i{ position: relative; top: 1px; font-size: 20px}
#product-detail-page .price-box>.price-row>.right>.record-button>span{ position: relative; left: -2px; top: -1px}



#product-detail-page #product-detail{ width: 98%; margin: 0px auto; background: #ffffff; border-radius: 5px;}
#product-detail-page .reply-box{width: 100%; margin: 10px auto; border-radius: 3px; border: 1px solid #EEEEEE; padding: 0px; background: #f8f8f8;}
#product-detail-page .reply-box .title-line{ display: flex; border-bottom: 1px solid #f0f0f0; line-height: 30px; font-size: 13px; text-indent: 5px;}
#product-detail-page .reply-box .title-line .left{ flex: 2}
#product-detail-page .reply-box .title-line .right{ flex: 1; text-align: right; color: #ba6211; padding-right: 10px;}

#product-parameters-title{ width: 100%; margin: 0px auto; height: 40px; line-height: 40px; font-size: 14px; text-indent: 15px; background: #f1f1f1 url("images/product-classfiy-title-icon.png") no-repeat; background-size: auto 40%; background-position: 5px center;}
#product-parameters-table{width: 100%; font-size: 13px; margin: 20px auto; text-align: center; border-color: #EEEEEE; line-height: 30px;}
#product-parameters-table tr:nth-child(even){ background: #f5f5f5}

/* 商品评价-列表 */
#product-reply-list-page{ background: #f1f1f1}
#product-reply-list-page .page-title{ width: 100%; position: relative; top: 0px; z-index: 999;}
#product-reply-list-page .top-box{ background: #FFFFFF;width: 100%; position: fixed; z-index: 999;}
#product-reply-list-page .title-box{ height: 35px; line-height: 35px; width: 95%; margin: 0px auto; display: flex}
#product-reply-list-page .title-box>.title{ flex: 1}
#product-reply-list-page .title-box>.title>button{ font-size: 14px; padding: 2px 10px; background: none; border: none; outline: none; border-radius: 3px; margin-left: 3px;}
#product-reply-list-page .title-box>.title>button.curr{ color: #c90f0f; font-weight: bold}
#product-reply-list-page .title-box>.show-only-model{ width: 120px;  height: 40px;}
#product-reply-list-page .tag-list{ width: 95%; margin: 0px auto; }
#product-reply-list-page .tag-list>.item{ padding: 2px 5px; line-height: 25px; background: #EEEEEE; color: #555555; border-radius: 3px; margin: 3px; float: left;}
#product-reply-list-page .tag-list>.item.curr{ background:#fce4e4; color:#cd2a2a;}
#product-reply-list-page .reply-list{}
/* 评论列表 */
.reply-list{ background: #FFFFFF; min-height: 90px; overflow: auto}

.reply-list-item{ width: 95%; margin: 5px auto; border-bottom: 1px solid #f1f1f1; padding-bottom: 3px;}
.reply-list-item .line4>span{ display: inline-block; padding: 2px 5px; line-height: 25px; background: #fce4e4; color:#cd2a2a; border-radius: 3px; margin: 3px; }
.reply-list-item .line3 img{ width: 65px; height: 65px; margin: 3px; border-radius: 5px;}
.reply-list-item .line2{ padding-top: 7px; padding-bottom: 7px;}
.reply-list-item .line1{}
.reply-list-item .line1>.datetime,.reply-list-item .line1>.userinfo-box{ width: 50%; float: left;}
.reply-list-item .line1>.datetime{ text-align: right; line-height: 40px;}
.reply-list-item .line1>.userinfo-box{ display: flex}
.reply-list-item .line1>.userinfo-box>.icon-box{ width: 45px; height: 40px; }
.reply-list-item .line1>.userinfo-box>.icon-box>img{ width: 36px; height: 36px; margin: 2px; border-radius: 50%;}
.reply-list-item .line1>.userinfo-box>.nickname-box{flex: 1; padding-top: 2px;}
.reply-list-item .line1>.userinfo-box>.nickname-box>.nickname{ text-indent: 5px; height: 17px; line-height: 17px}
.reply-list-item .line1>.userinfo-box>.nickname-box>.score{height: 17px; line-height: 17px}
.reply-list .reply-list-item:last-child{ border: none}

.reply-list .no-data{ line-height: 30px; height: 30px; color: #888888}
.model-info{ border: 1px solid #EEEEEE; background: #FFFFFF; width: 95%; margin: 10px auto; min-height: 40px; line-height: 40px; border-radius: 5px; display: flex; font-size: 14px;}
.model-info>.title{ width: 70px; text-align: right; color: #888888}
.model-info>.value{ flex: 1;text-align: left; text-indent: 10px; color: #000000}
.model-info>.icon{width: 30px; height: 40px;text-align: center; color: #888888}

/* 店铺信息-公共模块 */
.shop-info-item{ padding: 2px; background: rgba(255,255,255,.5); width: 98%; margin: 3px auto;line-height: 40px; border-radius: 5px; font-size: 14px; min-height: 90px;}
.shop-info-item>.shop-info-item-outer{ display: flex; width: 100%;}
.shop-info-item>.shop-info-item-outer>.logo-box{ width: 60px; height: 60px;}
.shop-info-item>.shop-info-item-outer>.logo-box>img{ width: 48px; height: 48px; padding: 2px; margin: 4px;}
.shop-info-item>.shop-info-item-outer>.name-box{ line-height: 20px; flex: 1; height: 60px;}
.shop-info-item>.shop-info-item-outer>.name-box>.line1{ line-height: 32px;}
.shop-info-item>.shop-info-item-outer>.name-box>.line1>.name{ font-size: 16px; font-weight: bold; width: 230px; display: inline-block; height: 30px; text-indent: 0px;}
.shop-info-item>.shop-info-item-outer>.name-box .chat{  text-indent: 0px; line-height: 20px; position: relative; top: -2px; border-radius: 5px; color: #EEEEEE; font-size: 12px; display: inline-block; padding: 2px 10px; background: #38a3ba
}
.shop-info-item>.shop-info-item-outer>.name-box .chat>i{ font-size: 14px;}
.shop-info-item>.shop-info-item-outer>.name-box .chat>span{}
.shop-info-item>.shop-info-item-outer>.name-box .same-city-send{ text-indent: 0px; line-height: 20px; position: relative; top: -2px; border-radius: 5px; color: #EEEEEE; font-size: 12px; display: inline-block; padding: 2px 10px; background: #fc713d}
.shop-info-item>.shop-info-item-outer>.name-box>.line2{  font-size: 12px; text-align: left; color: #555555}
.shop-info-item>.shop-info-item-outer>.name-box>.line2>.collect-nums{ display: inline-block; margin-left: 10px}
.shop-info-item>.shop-info-item-outer>.name-box>.line2>.product-nums{display: inline-block;margin-left: 10px}
.shop-info-item>.shop-info-item-outer>.name-box>.line2>.distance{display: inline-block;margin-left: 10px}
.shop-info-item>.shop-info-item-outer>.name-box>.line2>.distance>span{ text-decoration: underline}
.shop-info-item>.shop-info-item-outer>.collect-box{ width: 65px; text-align: center; height: 30px; line-height: 30px; position: relative; top: 27px;}
.shop-info-item>.shop-info-item-outer .collect-button{ background: #FFFFFF; border: 1px solid #cb2a2a; color: #cb2a2a; display: inline-block; padding: 2px 6px; border-radius: 3px; float: right;}
button[disabled="disabled"]{ opacity: .5}
.shop-info-item>.shop-nums-info{line-height: 25px; text-indent: 2px}
.shop-info-item>.shop-nums-info>div{ display: inline-block; font-size: 12px; color: #888888; }
.shop-info-item>.score-box{ height: 27px; line-height: 27px; width: 100%; display: flex; margin-top: 0px;}
.shop-info-item>.score-box>.item{text-align: left; color: #888888; text-indent: 5px; flex: 1}
.shop-info-item>.score-box>.item>span{ width: 25%; float: left; display: inline-block; font-size: 12px;}
.shop-info-item>.score-box>.item>.score-item{ width: 75%;float: left; text-indent: 0px; position: relative; top: 4px;}
.shop-info-item>.score-box>.item>.score-item .el-rate__item{ width: 20px;}
.shop-info-item>.score-box>.item>.score-item .el-rate__text{ font-size: 12px;}

.product-nav{ display: flex; line-height: 20px; padding-top: 10px; padding-bottom: 13px;}
.product-nav>.item{ flex: 1; font-size: 14px; font-weight: bold; text-align: center; border-left: 1px solid #888888;}
.product-nav>.item:nth-child(1){ border-left: 0px;}
.product-nav>.item span{color: #888888; display: inline-block; height: 23px; border-bottom: 2px solid #888888}
.product-nav>.item.curr span{ color: #d20e15}
.product-nav>.item.curr span{border-bottom: 2px solid #d20e15}

#product-detail-page .el-divider__text.is-center{ font-size: 12px; color: #888888}
.product-bottom-nav{ position: fixed; bottom: 0px; height: 50px; line-height: 50px; width: 100%; background-image: linear-gradient(to bottom, #ffffff, #dbdbdb); text-align: right; padding-bottom: 2px;}
.product-bottom-nav>.button-group{ width: 70%; text-align: right; float: left;}
.product-bottom-nav>.button-group>.el-button-group{ margin-right: 20px;}
.product-bottom-nav>.button-group .el-button{ padding: 10px 5px;}
.product-bottom-nav>.icon-list{ width: 30%; display: flex; float: left;}
.product-bottom-nav>.icon-list>.item{ flex: 1; height: 40px; line-height: 20px;text-align: center;}
.product-bottom-nav>.icon-list>.item>i{ font-size: 22px; color: #888888; position: relative; top: 10px;}
.product-bottom-nav>.icon-list>.item>span{ font-size: 12px; position: relative; top: 8px; color: #555555}

/*支付成功提示页*/
#pay-success-page{ background: #FFFFFF}
#pay-success-page .pay-success-icon{ width: 130px; height: 130px; background: url("images/pay-success.png") no-repeat center center; background-size: 100% 100%; margin: 50px auto;}
#pay-success-page .register-success-icon{ width: 130px; height: 90px; background: url("images/register-success.png") no-repeat center center; background-size: 100% 100%; margin: 50px auto;}
.order-info{ width: 90%; margin: 5px auto; }
.order-info>.item{display: flex; float: left; line-height: 35px; vertical-align: middle; width: 100%;}
.order-info>.item>.left{ width: 60px; padding-right: 10px; text-align: right;}
.order-info>.item>.right{ flex: 1}
.order-info>.item>.right>.product-list{ width: 100%;}
.order-info>.item>.right>.product-list>.item{ display: flex;height: 30px; line-height: 30px; float: left; width: 100%;/* background: #f1f1f1;*/ margin-top: 1px; text-align: left}
.order-info>.item>.right>.product-list>.item>.name{flex: 4}
.order-info>.item>.right>.product-list>.item>.name>span{ display: inline-block; max-width: 95%; height: 30px;}
.order-info>.item>.right>.product-list>.item>.model{ flex: 2}
.order-info>.item>.right>.product-list>.item>.nums{ flex: 1}
#pay-success-page>.show-content{ width: 95%; margin: 5% auto; }

/* 对公支付信息 */
#enterprise-pay-info-page{background: #f1f1f1}
#enterprise-pay-info-page>.page-title{ background: #FFFFFF; color: #555555; width: 100%;}
#enterprise-pay-info-page>.info-box{ font-size: 13px; background: #FFFFFF; border-radius: 5px; width: 95%; margin: 20px auto; padding-top: 10px;padding-bottom: 10px; border: 1px solid #F5F5F5}
#enterprise-pay-info-page>.info-box>.item{ display: flex; line-height: 35px; min-height: 35px; width: 100%; border-bottom: 1px solid #f5f5f5}
#enterprise-pay-info-page>.info-box>.item:last-child{ border: none}
#enterprise-pay-info-page>.info-box>.item>.title{ width: 80px; text-align: right; padding-right: 10px;}
#enterprise-pay-info-page>.info-box>.item>.value{ flex: 1;}

/* 店铺列表 */
.shop-list-item{ display: flex; margin-top: 5px; background: #FFFFFF; border-radius: 5px; position: relative;}
.shop-list-item>.left{ width: 75px; height: 75px;}
.shop-list-item>.left>img{ width: 60px; height: 60px; margin: 5px; border-radius: 5px;}
.shop-list-item>.right{ flex: 1; height: 75px; line-height: 22px;}
.shop-list-item>.right>.name-box{ margin-top: 5px; position: relative; width: 100%; float: left;}
.shop-list-item>.right>.name-box>.name{ font-size: 16px; font-weight: bold; width: 70%; float: left;}
.shop-list-item .turn-button{width: 30%;text-align: center; position: absolute; top: 5px; right: 5px;text-align: right; z-index: 999 }
.shop-list-item .turn-button>button{ border-radius: 4px; border: 0px; outline: 0px; width: 70px; background: #d20e15; color: #FFFFFF; line-height: 25px;}
.shop-list-item>.right>.classify-name{ display: flex;width: 100%; float: left; padding-top: 5px;}
.shop-list-item>.right>.classify-name>.item{ flex: 1}
.shop-list-item>.right>.classify-name>.item.distance{ color: #9a6e3a; width: 120px; text-align: right; }
.shop-list-item>.right>.classify-name>.item>.el-icon-s-promotion{ color: #2e8cf8; font-size: 14px;}
.shop-list-item>.right>.address{height: 20px; line-height: 20px; max-width: 80%; margin-top: 2px;width: 100%; float: left;}
.shop-list-item>.right>.address>span{ display: inline-block;height: 20px; line-height: 20px; float: left;}
.shop-list-item>.right>.address>span.address-detail{  max-width: 70%; height: 20px; line-height: 20px; float: left}

/* 采购订单-列表 */
#shop-product-purchase-list-page{background: #f1f1f1; padding-top: 40px;}
#shop-product-purchase-list-page>.page-title{ width: 100%; position: fixed; top: 0px; z-index: 9}
#shop-product-purchase-list-page #shop-product-purchase-list{ width: 100%;background: #FFFFFF; }
#shop-product-purchase-list-page #shop-product-purchase-list .row-item{width: 95%; margin: 5px auto;  line-height: 30px;  display: flex; border-bottom: 1px solid #f1f1f1}
#shop-product-purchase-list-page #shop-product-purchase-list .row-item>.content-box{ flex: 1}
#shop-product-purchase-list-page #shop-product-purchase-list .row-item>.icon-box{width: 25px; line-height: 60px; text-align: center;}
#shop-product-purchase-list-page #shop-product-purchase-list .row-item>.icon-box>i{ font-size: 14px; color: #CCCCCC;}
#shop-product-purchase-list-page #shop-product-purchase-list .row-item>.content-box>.line1{ display: flex}
#shop-product-purchase-list-page #shop-product-purchase-list .row-item>.content-box>.line1>.number{ font-size: 12px;flex: 1}
#shop-product-purchase-list-page #shop-product-purchase-list .row-item>.content-box>.line1>.price{ text-align: right;flex: 1}
#shop-product-purchase-list-page #shop-product-purchase-list .row-item>.content-box>.line1>.price>span{ color: #c91111; font-size: 16px; font-weight: bold}
#shop-product-purchase-list-page #shop-product-purchase-list .row-item>.content-box>.line2{ display: flex}
#shop-product-purchase-list-page #shop-product-purchase-list .row-item>.content-box>.line2>.left{ flex: 1}
#shop-product-purchase-list-page #shop-product-purchase-list .row-item>.content-box>.line2>.left>.item{float: left; width: 50%;}
#shop-product-purchase-list-page #shop-product-purchase-list .row-item>.content-box>.line2>.right{flex: 1; text-align: right; color: #AAAAAA}

/* 采购订单-详情 */
#shop-product-purchase-detail-page{background: #f1f1f1}
#shop-product-purchase-detail-page .page-title{ background: #FFFFFF;}
#shop-product-purchase-detail-page>.qr-box{text-align: center; margin-top: 10px; background: #FFFFFF; padding-top: 20px; padding-bottom: 20px;}
#shop-product-purchase-detail-page>.qr-box>.title{ height: 40px; line-height: 40px; font-size: 18px;}
#shop-product-purchase-detail-page>.qr-box>.qr{ height: 170px; line-height: 170px; text-align: center;}
#shop-product-purchase-detail-page>.qr-box>.qr>img{ width: 150px; height: 150px; margin: 5px;}
#shop-product-purchase-detail-page>.qr-box>.price{font-size: 14px; height: 50px; line-height: 50px;}
#shop-product-purchase-detail-page>.qr-box>.price>span{font-size: 18px; color: #c91111; font-weight: bold; }
#shop-product-purchase-detail-page>.product-list{ background: #FFFFFF; margin-top: 10px; padding-bottom: 10px;}
#shop-product-purchase-detail-page>.product-list>.title{ height: 40px; line-height: 40px; text-indent: 10px; font-size: 16px;}
#shop-product-purchase-detail-page>.product-list>.item{margin: 0px auto; width: 95%;display: flex; font-size: 12px; line-height: 30px; text-align: center; border-bottom: 1px solid #f1f1f1}
#shop-product-purchase-detail-page>.product-list>.item>.name{ flex: 5}
#shop-product-purchase-detail-page>.product-list>.item>.nums{ flex: 1}
#shop-product-purchase-detail-page>.product-list>.item>.price{ flex: 1.5;color: #c91111; font-weight: bold; }
#shop-product-purchase-detail-page>.product-list>.item>.countPrice{ flex: 2;color: #c91111; font-weight: bold; }
#shop-product-purchase-detail-page .tmp-shop-box{border-bottom: solid #f1f1f1 10px}
.tmp-shop-box{ line-height: 40px; height: 40px; border-radius: 3px; background: #f1f1f1; width: 100%; text-align: left; margin-top: 10px; padding-top: 5px; padding-bottom: 5px;}
.tmp-shop-box>.logo{ width:40px; height: 40px; float: left; margin-left: 10px;}
.tmp-shop-box>.logo>img{ width:36px; height: 36px; margin: 2px;}
.tmp-shop-box>.go-to-button{ width: 50px; float: right;}
.tmp-shop-box>.name{ font-size: 14px; float: left;margin-left: 10px; width: 200px;}


#commission-detail-dialog{}
#commission-detail-dialog .title{ height: 30px; font-size: 14px; line-height: 30px;}
#commission-detail-dialog .tmp-shop-box{ margin-top: 3px; margin-bottom: 3px;}


/* 店铺 */
#shop-home-page{ background: #FFFFFF;padding-bottom: 50px;}
#shop-header{ height: 130px; background: url("images/shop-top-bg.png") repeat-x; background-size: auto 100%; padding-top: 38px; position: fixed; width: 100%; z-index: 99}
#shop-top{ display: flex; position: fixed; top: 0px; width: 100%; background: #ee3c42; z-index: 999}
.back-button{width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 22px; color: #EEEEEE}
#shop-top #search-box{ background: none; position: relative}
#shop-top #search-box>#search-input-outer{ width: 82%}
#shop-product-classify-box{ background: #f1f1f1; height: 73px; width: 100%;  position: fixed; top: 195px; z-index: 999; padding-top: 5px;}
#shop-product-classify-box>.content{ width: 98%; margin: 0px auto; background: #FFFFFF;border-radius: 5px;}
#shop-product-classify-box>.content>.title{ height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; text-indent: 10px;}
#shop-product-classify-box>.content>.list-item{height: 37px; width: 100%; overflow-x: auto; overflow-y: hidden}
#shop-product-classify-box>.content>.list-item>.item{ height: 25px; line-height: 25px; border-radius: 5px; margin: 5px; display: inline-block; padding: 2px 10px; background: #e2e2e2; float: left;}
#shop-home-page #recommend-product-box{ position: relative;}

#shop-banner{ width: 95%; margin: 0 auto; border-radius: 5px;}

#recommend-product-box{  margin: 10px auto; border-radius: 5px; min-height: 100px; padding-top: 10px; padding-bottom: 10px;}
#recommend-product-box .el-divider__text{ color: #999999;}

/* 店铺介绍 */
#shop-description-page{ background: #f1f1f1;padding-bottom: 50px;}
#shop-description-page #shop-map{ width: 95%; height: 350px; margin: 10px auto;}
#shop-description-page #shop-map iframe{ width: 100%; height: 100%;}
#shop-description-page .info-box{ background: #FFFFFF; width: 95%; margin: 10px auto;border: 1px solid #EEEEEE; border-radius: 5px;}
#shop-description-page .info-box>.title{ height: 30px; line-height: 30px; font-size: 14px; border-bottom: 1px solid #EEEEEE; text-indent: 10px;}
#shop-description-page .info-box>.value{ text-indent: 10px; line-height: 30px;}


/* 店铺商品 */
#shop-product-page{background: #f1f1f1; padding-bottom: 50px;}
#shop-product-page{}
#shop-product-page>.filter-bar{ top: 168px;}


/* 订单评价 */
#order-reply-page{background: #f1f1f1; padding-top: 45px;}
#order-reply-page>.page-title{background-color: #c21414;color: #FFFFFF; position: fixed; width: 100%; top:0px; z-index: 999; text-align: center}

#order-reply-page>.product-box{ background: #FFFFFF; width: 100%; min-height: 70px;; padding-top: 15px; padding-bottom: 15px;}
#order-reply-page>.product-box>.item{ width: 95%; margin: 5px auto; display: flex; height: 70px; border-bottom: 1px solid #f1f1f1;}
#order-reply-page>.product-box>.item:last-child{ border-bottom: none}
#order-reply-page>.product-box>.item>.image{ width: 60px; height: 70px;}
#order-reply-page>.product-box>.item>.image>img{ width: 50px; height: 50px; margin: 5px; border-radius: 5px;}
#order-reply-page>.product-box>.item>.name-box{ flex: 1; height: 70px; padding-left: 5px; position: relative}
#order-reply-page>.product-box>.item>.name-box>.score-box{ height: 30px; line-height: 30px; position: absolute; z-index: 99; width: 200px; right: 0px; bottom: 0px; text-align: right}
#order-reply-page>.product-box>.item>.name-box>.name{ max-height: 30px; line-height: 30px; font-weight: bold; font-size: 13px;}
#order-reply-page>.product-box>.item>.name-box>.name>span{ display: inline-block; max-width: 60%}
#order-reply-page>.product-box>.item>.name-box>.model>span{ display: inline-block; background: #ECECEC; border-radius: 4px; padding: 2px 5px; text-indent: 0px;}
#order-reply-page>.product-box>.item>.name-box>.price{ height: 20px; line-height: 20px; font-weight: bold; color: #c21414; margin-top: 3px;}

#order-reply-page>.form-box{ width: 95%; margin:20px auto; min-height: 100px; background: #FFFFFF; border-radius: 5px; padding-bottom: 5px;padding-top: 10px;}
#order-reply-page>.form-box>textarea{ padding: 10px; width: 92%;margin:0px auto;min-height: 100px; border: 1px solid #EEEEEE; border-radius: 5px; outline: 0px; display: block; position: relative; }
#order-reply-page>.form-box>.upload-box{ background: #f1f1f1; border-radius: 5px; min-height: 80px; width: 95%; margin: 10px auto; text-align: center; display: flex}
#order-reply-page>.form-box>.upload-box>.image-item{ display: flex; width: 23%; margin: 5px; border-radius: 5px; position: relative;}
#order-reply-page>.form-box>.upload-box>.image-item>i{display: inline-block; position: absolute; right: 2px; top: 2px; font-size: 16px; color:#c21414}
#order-reply-page>.form-box>.upload-box>.image-item>img{ width: 100%; height: 70px;border-radius: 5px}
#order-reply-page>.form-box>.upload-box>.upload-button{ height: 70px; line-height: 35px;width: 25%; text-align: center; padding-top: 10px;}
#order-reply-page>.form-box>.upload-box>.upload-button i.el-icon-camera-solid{ display: block; font-size: 28px; color: #888888;}
#order-reply-page>.form-box>.upload-box>.upload-button>span{color: #555555}
#order-reply-page>.form-box>.reply-box{ margin:10px auto; width: 95%; line-height: 40px;}
#order-reply-page>.form-box>.reply-box>.item{ width: 100%; display: flex}
#order-reply-page>.form-box>.reply-box>.item>.title{ width: 80px; text-align: right; padding-right: 10px;}
#order-reply-page>.form-box>.reply-box>.item>.value{ flex: 1; line-height: 35px; padding-top: 10px;}

#order-reply-page>.tag-box{ display: flex; padding-top: 15px;padding-bottom: 15px; width: 95%; margin: 10px auto; background: #FFFFFF; border-radius: 5px;}
#order-reply-page>.tag-box>.name{ width: 80px; text-align: right; padding-right: 5px;}
#order-reply-page>.tag-box>.value{ line-height: 25px;}
#order-reply-page>.tag-box>.value>.item{ float: left; display: inline-block; padding: 0px 10px; background: #f1f1f1; border-radius: 3px; margin-left: 3px; margin-top: -2px;}
#order-reply-page>.tag-box>.value>.item.curr{ background:#c21414; color: #FFFFFF }
#order-reply-page .bottom-bar{ width: 100%; height: 50px; position: fixed; bottom:0px; line-height: 50px; background: #FFFFFF; text-align: center; padding-bottom: 5px}
#order-reply-page .bottom-bar>.el-button{ width: 90%;}

/* 商品退货 */
#order-apply-page{background: #f1f1f1; padding-top: 45px;}
#order-apply-page>.page-title{background-color: #165ea1;color: #FFFFFF; position: fixed; width: 100%; top:0px; z-index: 999}
#order-apply-page>.page-title>.cancel-button{}
#order-apply-page>.page-title>.button-box{ position: fixed; right: 5px; top: 6px;}
#order-apply-page>.item{ width: 95%; margin: 10px auto; min-height: 200px; background: #FFFFFF; border-radius: 5px; padding-top: 20px; padding-bottom: 10px;}
#order-apply-page>.item .step-content{ position: relative;}
#order-apply-page>.item .step-content.curr-show{ color: #c21414}
#order-apply-page>.item .el-timeline-item__tail{ left: 30px;}
#order-apply-page>.item .el-timeline-item__node{left: 24px;}
#order-apply-page>.item .el-timeline-item__wrapper{left: 30px; max-width: 75%;}

#order-apply-page>.item .el-timeline-item.curr>.el-timeline-item__node{ background: #26a712; color: #FFFFFF}
#order-apply-page>.item .el-timeline-item.curr>.el-timeline-item__wrapper>.el-timeline-item__content{ color: green}
#order-apply-page>.item .el-timeline-item.over>.el-timeline-item__wrapper>.el-timeline-item__content{ color: green}
#order-apply-page>.item .el-timeline-item.over>.el-timeline-item__wrapper>.el-timeline-item__timestamp,#order-apply-page>.item .el-timeline-item.curr>.el-timeline-item__wrapper>.el-timeline-item__timestamp{ color: #929292
}
#order-apply-page>.item .el-timeline-item.over>.el-timeline-item__node{background: #bae7bf; color: #FFFFFF}
#order-apply-page>.item .el-timeline-item.over>.el-timeline-item__tail{border-left-color:#bae7bf}

#order-apply-page>.product-box{ width: 95%; background: #FFFFFF; margin: 10px auto; border-radius: 5px;}
#order-apply-page>.product-box>.item{ width: 100%; display: flex; border-bottom: 1px solid #f1f1f1;}
#order-apply-page>.product-box>.item.curr{ background: #fce8df;}
#order-apply-page>.product-box>.item>.image{ width: 80px; height: 80px;float: left}
#order-apply-page>.product-box>.item>.image>img{ width: 60px; height: 60px; border-radius: 5px; margin: 10px; }
#order-apply-page>.product-box>.item>.right{line-height: 33px; width: 80%; float: left}
#order-apply-page>.product-box>.item>.right>.name{ height: 30px; line-height: 30px; font-size: 14px; font-weight: bold}
#order-apply-page>.product-box>.item>.right>.name>span{ width: 55%; display: inline-block;}
#order-apply-page>.product-box>.item>.right>.model-nums{}
#order-apply-page>.product-box>.item>.right>.model-nums>span{ display: inline-block; padding: 0px 10px; background: #f1f1f1; line-height: 20px; border-radius: 5px;}
#order-apply-page>.product-box>.item>.right>.price{ font-weight: bold; color:#c21414; font-size: 14px; position: relative;}
#order-apply-page>.product-box>.item>.right>.price>span{ display: inline-block;}
#order-apply-page>.product-box>.item>.right>.price>.product-nums-input{ position: absolute; top: -3px; right: 5px;}

#order-apply-page>.init-form{ padding-top: 10px; padding-bottom: 10px; width: 95%; background: #FFFFFF; margin: 10px auto; border-radius: 5px;}
#order-apply-page>.express-form{ padding-top: 10px; padding-bottom: 10px; width: 95%; background: #FFFFFF; margin: 10px auto; border-radius: 5px;}

/* 订单团购页面 */
#order-group-page{background: #f1f1f1;}
#order-group-page .page-title{background-color: #c21414;color: #FFFFFF; position: fixed; width: 100%; top:0px; z-index: 999}
#order-group-page .product-box{ display: flex; width: 95%; background: #FFFFFF; margin: 5px auto; border-radius: 5px;}
#order-group-page .product-box>.image{ width: 80px; height: 80px;float: left}
#order-group-page .product-box>.image>img{ width: 60px; height: 60px; border-radius: 5px; margin: 10px; }
#order-group-page .product-box>.right{line-height: 25px; width: 80%; float: left}
#order-group-page .product-box>.right>.name{ height: 30px; line-height: 30px; font-size: 14px; font-weight: bold}
#order-group-page .product-box>.right>.name>span{ width: 55%; display: inline-block;}
#order-group-page .product-box>.right>.model-nums{}
#order-group-page .product-box>.right>.model-nums>span{ display: inline-block; padding: 0px 10px; background: #f1f1f1; line-height: 20px; border-radius: 5px;}
#order-group-page .product-box>.right>.price{ font-weight: bold; color:#c21414; font-size: 14px; }

#order-group-page #group-box{padding-top: 5px; padding-bottom: 5px; width: 95%; background: #FFFFFF; margin: 5px auto; border-radius: 5px;}
#order-group-page #group-box>.title-box{ height: 25px; line-height: 25px; text-indent: 10px; font-size: 13px; display: flex; padding-bottom: 5px}
#order-group-page #group-box>.title-box>.title{flex: 1}
#order-group-page #group-box>.title-box>.status{ flex: 1; text-align: right; color: #f3c088; padding-right: 5px;}

#order-group-page #group-box>#join-user-box{ width: 98%; margin: 0 auto; border-radius: 5px; padding-top: 5px; padding-bottom: 5px; background: #fae1e1;}
#order-group-page #group-box>#join-user-box>.item{ width: 65px; height: 90px; float: left; text-align: center;}
#order-group-page #group-box>#join-user-box>.item>.icon{ position: relative; width: 65px; height: 60px; margin: 3px;}
#order-group-page #group-box>#join-user-box>.item>.icon>img{ width: 50px; height: 50px; border-radius: 50%;}
#order-group-page #group-box>#join-user-box>.item>.icon span{ display: inline-block; width: 50px; height: 50px; background: #f1f1f1; border-radius: 50%;}
#order-group-page #group-box>#join-user-box>.item>.icon i.el-icon-plus{ font-size: 28px; position: relative; top: 12px;}
#order-group-page #group-box>#join-user-box>.item>.icon i.order-group-manager{height: 20px; width: 20px; background: url("images/order-group-manager.png") no-repeat center center; background-size: 100% 100%; position: absolute; top: -13px; left:23px;z-index: 9}
#order-group-page #group-box>#join-user-box>.item>.nickname{ height: 25px; line-height: 25px; text-align: center; max-width: 90%; display: inline-block;}
#order-group-page #group-box>.success-box{ width: 95%; margin: 30px auto; text-align: center;}
#order-group-page #group-box>.success-box>.icon{ width: 150px; height: 150px; background: url("images/order-group-success.png") no-repeat; background-size: 100% auto; display: inline-block;}
#order-group-page #group-box>.success-box>.title{ height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #f6ad26
}
#order-group-page #group-box>.info-box{ text-align: center; line-height: 30px; padding-bottom: 10px; padding-top: 20px; font-size: 13px;}
#order-group-page #group-box>.info-box .cutdown-font{ background: #e73131; color: #FFFFFF;}
#order-group-page #group-box>.info-box .qr-box{ margin: 5px auto; text-align: center;}
#order-group-page #group-box>.info-box .qr-box>#canvasId{ display: inline-block;}
#order-group-page .tip-box{ line-height: 30px;width: 95%; height: 90px; text-align: left; margin: 5px auto; border-radius: 5px;color: #888888}
#order-group-page .tip-box>.row{ text-indent: 10px;}

/* 会员优惠券-列表 */
/*#member-coupon-page{}*/
#member-coupon-page{background: #f1f1f1; padding-top: 82px;}
#member-coupon-page>.page-title{background-color: #c21414;color: #FFFFFF; position: fixed; width: 100%; top:0px; z-index: 999}
#member-coupon-page>.status-box{ position: fixed; top: 42px; background: #FFFFFF; width: 100%; height: 40px; padding-top: 5px; z-index: 999}
#member-coupon-page>.status-box>.item{ width: 95%; margin: 0px auto; display: flex; font-size: 14px; text-align: center}
#member-coupon-page>.status-box>.item>.item{ flex: 1}
#member-coupon-page>.status-box>.item>.item>span{ display: inline-block; height: 38px; line-height: 38px; border-bottom: 2px solid #FFFFFF}
#member-coupon-page>.status-box>.item>.item.curr>span{ color:#c21414;  border-bottom-color: #c21414;}

#member-coupon-page .coupon-list{width: 100%; margin: 10px auto; }
#member-coupon-page .coupon-list .item{ width: 90%; height: 80px;background: url("images/member-coupon-item-bg.png") no-repeat; background-size: 100% 100%; margin: 10px auto;}
#member-coupon-page .coupon-list .item>.left{ width: 30%; float: left; line-height: 30px; text-align: center}
#member-coupon-page .coupon-list .item>.left>.minus-price{ position: relative; top: 20px; color: #de081e; font-weight: bold; font-size: 16px;}
#member-coupon-page .coupon-list .item>.left>.full-price{position: relative; font-size: 12px; top: 15px; color: #888888}
#member-coupon-page .coupon-list .item>.right{ width: 70%; float: left;}
#member-coupon-page .coupon-list .item>.right>.top-box{ display: flex}
#member-coupon-page .coupon-list .item>.right>.top-box>.box1{ flex: 7; line-height: 20px; padding-top: 10px;}
#member-coupon-page .coupon-list .item>.right>.top-box>.box2{ flex: 3; line-height: 20px; text-align: center; position: relative; }
#member-coupon-page .coupon-list .item>.right>.top-box>.box2>.use-button{ top: 28px; position: absolute; right: 15px; padding: 5px 5px}
#member-coupon-page .coupon-list .item>.right>.top-box>.box2>.used-icon{ top: 10px; position: absolute; right: 15px; display: inline-block; height: 50px; width: 50px; background: url("images/coupon-used-icon.png") no-repeat center center; background-size: 100% auto;}
#member-coupon-page .coupon-list .item>.right>.top-box>.box2>.expired-icon{ top: 10px; position: absolute; right: 15px; display: inline-block; height: 50px; width: 50px; background: url("images/coupon-expired-icon.png") no-repeat center center; background-size: 100% auto;}
#member-coupon-page .coupon-list .item>.right>.use-shop{ line-height: 20px; padding-top: 5px;}


/* 余额,佣金,积分-日志-列表 */
#member-log-page{background: #f1f1f1; padding-top: 70px;}
#member-log-page>.page-title{background-color: #c21414;color: #FFFFFF; position: fixed; width: 100%; top:0px; z-index: 9}
.search-box{ text-align: right; width: 100%; display: flex; height: 40px; line-height: 40px;  position: fixed; top: 40px; z-index: 8;}
.search-box.no-filter{ text-align: right; display: block}
.search-box>.act-type-box{ flex: 2;text-align: center;}
.search-box>.act-type-box.only-one{ text-align: left; text-indent: 5px;}
.search-box>.act-type-box>span{ border-radius: 5px; display: inline-block;background: rgba(0,0,0,.3); padding: 0 5px; line-height: 30px; height: 30px;}
.search-box>.act-type-box>span>i{ display: inline-block; color:#c21414;  height: 30px; width: 20px; line-height: 30px;}
.search-box>.datetime-box{ flex: 3; text-align: left; text-indent: 5px;}
.search-box>.datetime-box>span{ border-radius: 5px;display: inline-block; background: rgba(0,0,0,.3); padding: 0 5px; line-height: 30px; height: 30px;}
.search-box>.datetime-box>span>i{ display: inline-block; color:#c21414; height: 30px; width: 20px; line-height: 30px;}
.search-box>.choose-button{ width: 80px; text-align: center; display: inline-block; position: fixed; top: 40px; right: 0px; z-index: 99}
.curr-box{ height: 60px; background: #FFFFFF; position: fixed; top: 80px; width: 100%; text-align: center; z-index: 9; color: #1a8015}
.curr-box>.content{ width: 95%; height: 60px; border-radius: 5px; margin: 0 auto;}
.curr-box .curr-value{ height: 40px; line-height: 50px; font-size: 18px; font-weight: bold;}
.curr-box .tip-info{ font-size: 12px; color: #999999}
.log-list{ background: #FFFFFF; margin-top: 75px}
.log-list>.item{ height: 50px; line-height: 25px; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #f8f8f8}
#member-log-page .log-list .item{ display: flex; border-bottom: 1px solid #f1f1f1; padding-bottom: 5px; padding-top: 5px;line-height: 25px;}
#member-log-page .log-list .item>.left,#member-log-page .log-list .item>.right{ flex: 1}
#member-log-page .log-list .item>.left{padding-left: 10px; }
#member-log-page .log-list .item>.left>.act-name{ font-size: 14px; font-weight: bold;}
#member-log-page .log-list .item>.right{ text-align: right; padding-right: 10px;}
#member-log-page .log-list .item>.right>.number{font-size: 14px; font-weight: bold}
#member-log-page .log-list .item>.icon{ width: 20px; height: 50px; line-height: 50px; font-size: 14px}
.change-add{color: #097909}
.change-sub{color: #c21414}

/* 高德地图坐标选择 */
#my-amap-page{ background: #f1f1f1;}
#my-amap-page>.page-title{background-color: #c21414;color: #FFFFFF; position: fixed; width: 100%; top:0px; z-index: 999}
#my-amap-page>.page-title>.button{ display: inline-block; height: 30px; line-height: 30px; width: 100px; position: fixed; right: 5px; top: 5px; font-size: 14px; z-index: 2; text-align: right;}
#my-amap-page>#container{padding:0px;margin: 0px;width: 100%;height: 800px;}
#my-amap-page>#search-input{position: fixed; width: 100%; z-index: 99;  font-size: 13px; padding-top: 5px;padding-bottom: 5px; background: #FFFFFF; text-indent: 5px;}
#my-amap-page>#search-input>.item{width: 100%; display: flex; min-height: 30px; margin-top: 5px;}
#my-amap-page>#search-input>.item>.title{ width: 25%; float: left; text-align: right; line-height: 30px;}
#my-amap-page>#search-input>.item>.value{ width: 75%; float: left; text-align: left; line-height: 30px;}
#my-amap-page>#search-input>.item>.button{ width: 20%; float: left;  text-align: center;}
#my-amap-page>#search-input>.item>.button>.el-button{ position: relative; top: 3px;}
#my-amap-page>#search-input>.item>.input{width: 55%;}
#my-amap-page>#search-input>.item>.input>#tipinput{ width: 100%;height: 30px; line-height: 30px; text-indent: 5px;}
#my-amap-page>#search-input>.item>#search-result{ width: 100%; float: left; text-indent: 5px; min-height: 30px; line-height: 30px; padding-top: 5px;}

/* 关于我们 */
#about-us-page{ background: #f1f1f1; padding-top: 40px;}
#about-us-page>.page-title{ position: fixed; width: 100%; top:0px; z-index: 999}
#about-us-page>.logo-box{ min-height: 200px; padding-top: 10px;  width: 100%; background: #FFFFFF url("images/logo.png") no-repeat center center; background-size: auto 60%; margin-top: 10px;}
#about-us-page>.title-box{ height: 60px; background: #FFFFFF; margin-top: -10px;}
#about-us-page>.title-box>.title{height: 40px; line-height: 50px; background: #FFFFFF; padding-top: 10px; width: 60%; margin: 0px auto; }
#about-us-page>.title-box>.title .el-divider__text.is-center{color: #888888}
#about-us-page>.content-box{ padding-top: 30px; background: #FFFFFF; font-size: 13px; text-indent: 26px;}
#about-us-page>.content-box>.item{ width: 90%; margin: 0px auto; }

/* 我的推广 */
#member-promotion-page{ background: #f1f1f1; padding-top: 40px;}
#member-promotion-page>.page-title{ position: fixed; width: 100%; top:0px; z-index: 999; background: #FFFFFF}
#member-promotion-page>.content-box{ width: 100%; margin-top: 10px; min-height: 200px; background: #FFFFFF; text-align: center;}
#member-promotion-page>.content-box>.qr-box{ margin-top: 50px;}
#member-promotion-page>.content-box>.info-box{ background: #FFFFFF; margin-top: 50px;}
#member-promotion-page>.content-box>.info-box>.item{ width: 95%; margin: 0px auto; height: 35px; line-height: 35px; text-align: left}
#member-promotion-page>.content-box>.info-box>.item>.name{ float: left; width: 70px; text-align: right;}
#member-promotion-page>.content-box>.info-box>.item>.value{ color: #7d1725; float: left; text-indent: 0px; width: 55%; padding-left: 5px;}
#member-promotion-page>.content-box>.info-box>.item>.copy-button{ width: 70px; float: left;}
#member-promotion-page>.client-type-box{ text-align: center; height: 100px; line-height: 100px; margin-top: 10px; background: #FFFFFF}

/* 使用帮助 */
#use-help-page{ background: #f1f1f1; padding-top: 40px;}
#use-help-page>.page-title{ position: fixed; width: 100%; top:0px; z-index: 999; background: #FFFFFF}
#use-help-page>.button-box{ height: 45px; line-height: 45px; background: #FFFFFF; border-top: 1px solid #EEEEEE; margin-top: 2px}
#use-help-page>.button-box>.button{ margin-left: 5px;}
#use-help-page>.button-box>.button.curr{ background: #c90c29; color: #FFFFFF}
#use-help-page>.content-box{background: #FFFFFF; margin: 10px auto;}
#use-help-page>.content-box>div{ width: 95%; padding-top: 10px; margin: 0px auto; text-indent: 24px; line-height: 20px; font-size: 13px}

.el-message{ min-width: 80%;}

/* 聊天-会话列表-页面 */
#chat-list-page{ background: #f1f1f1; padding-top: 40px;}
#chat-list-page>.page-title{ position: fixed; width: 100%; top:0px; z-index: 999; background: #FFFFFF}
#chat-list-page>#shop-chat-list{ width: 100%; margin-top: 10px; background: #FFFFFF; overflow-y: auto; overflow-x: hidden}
#chat-list-page>#shop-chat-list>.item{ width: 95%; border-bottom: 1px solid #f1f1f1; margin: 0px auto; display: flex}
#chat-list-page>#shop-chat-list>.item:last-child{ border: none;}
#chat-list-page>#shop-chat-list>.item>.logo-box{ width: 60px; height: 60px;}
#chat-list-page>#shop-chat-list>.item>.logo-box>img{ width: 56px; height: 56px; padding: 2px; border-radius: 5px;}
#chat-list-page>#shop-chat-list>.item>.info-box{ flex: 1; line-height: 30px;}
#chat-list-page>#shop-chat-list>.item>.info-box>.row1{display: flex;}
#chat-list-page>#shop-chat-list>.item>.info-box>.row1>.shop-name{ font-weight: bold; font-size: 14px; flex: 1; text-align: left}
#chat-list-page>#shop-chat-list>.item>.info-box>.row1>.last-time{ color: #888888; font-size: 13px; flex: 1; text-align: right; padding-right: 5px;}
#chat-list-page>#shop-chat-list>.item>.info-box>.row2{ width: 100%;}
#chat-list-page>#shop-chat-list>.item>.info-box>.row2>.last-message{ width: 80%; float: left; color: #AAAAAA}
#chat-list-page>#shop-chat-list>.item>.info-box>.row2>.un-read-nums{ float: right; width: 50px; text-align: right; padding-right: 5px;}
#chat-list-page>#shop-chat-list>.item>.info-box>.row2>.un-read-nums>span{ display: inline-block; width: 20px; height: 20px; background: #f11818; text-align: center; color: #FFFFFF; line-height: 20px; border-radius: 50%}

/* 产品消息 */
.message-product{width: 150px;}
.message-product-name{width:auto;font-size:16px; font-weight:bold;height: 30px; line-height: 30px; max-width: 95%;}
.message-product-image{}
.message-product-image img{ width: 99%;}
.message-product-model{ height: 25px; line-height: 25px;max-width: 95%;width:auto;}
.message-product-price{ height: 25px; line-height: 25px;}


.video-message{
  display: block;
  position: relative;
}
.video-message i{
  position: absolute;
  left: 40%;
  top: 35%;
  font-size: 36px;
}
.video-message img{
  /*position: absolute;*/
  z-index: 1;
}
.video-message .shadow-box{
  position: absolute;
  z-index: 8;
  background: rgba(0,0,0,.0);
  height: 100%;
}


/* 聊天页面 */
#chat-page{ background: #fcf2ef;  padding-bottom: 50px}
.shadow-box{ position: fixed; z-index: 999; background: #FFFFFF; width: 100%; height: 44px; top: 0px;}
#chat-page>.page-title{ position: fixed; width: 100%; top:0px; z-index: 999; background: #f8f8f8}
#chat-page>.page-title>div.title{ width: 50%; display: inline-block; font-size: 15px; color: #555555}
#chat-page>.page-title>div.title>img{ display: inline-block; width: 25px; height: 25px; position: relative; border-radius: 4px; top: 5px;}
#chat-page>#content-wapper{}
#chat-page>#content-wapper>#content{}
#chat-page>#content-wapper>#content>.item{ padding-top: 5px; padding-bottom: 5px; float: left; width: 100%;}
#chat-page>#content-wapper>#content>.item>.time{ text-align: center; line-height: 30px; height: 30px;}
#chat-page>#content-wapper>#content>.item>.time>span{ display: inline-block; padding: 0 5px; background: #ECECEC; border-radius: 5px; height: 20px; line-height: 20px; color: #555555}
#chat-page>#content-wapper>#content>.item>.item-content{ width: 95%; margin: 0px auto;}
#chat-page>#content-wapper>#content>.item>.item-content>.icon{ width: 50px; min-height: 50px; float: left;}
#chat-page>#content-wapper>#content>.item>.item-content.me>.icon{ width: 60px; min-height: 60px; float: right;}
#chat-page>#content-wapper>#content>.item>.item-content>.icon>.img{ width: 40px; height: 40px; margin: 5px; border-radius: 5px; background-size: 100% 100%;}
#chat-page>#content-wapper>#content>.item>.item-content>.icon>span.name{ height: 18px; line-height: 18px; color: #555555; font-size: 12px; width: 50px; text-align: center; display: inline-block;}
#chat-page>#content-wapper>#content>.item>.item-content>.report{ width: 40px; min-height: 50px; text-align: center; line-height: 50px; color: #2e8cf8;}
#chat-page>#content-wapper>#content>.item>.item-content>.report span{color: #AAAAAA; text-decoration: underline}
#chat-page>#content-wapper>#content>.item>.item-content>.report span.reported{ color: #e06b6b; text-decoration: none;}
#chat-page>#content-wapper>#content>.item>.item-content>.message{min-height: 35px;line-height: 30px; float: left; background: #FFFFFF; padding: 5px; border-radius: 5px; position: relative;}
#chat-page>#content-wapper>#content>.item>.item-content.me>.message{ background: #5ed04e;float: right;}
#chat-page>#content-wapper>#content>.item>.item-content>.message{position: relative; top: 2px; padding-left: 10px; padding-right: 10px;max-width: 75%}
#chat-page>#content-wapper>#content>.item>.item-content>.message>.text{min-height: 25px;word-break: break-all;word-wrap: break-word;}
#chat-page>#content-wapper>#content>.item>.item-content>.message>.text>i.el-icon-video-play{ font-size: 24px;  position: absolute; z-index: 99; left: 40%; top: 40%; background: #000000; color: #FFFFFF; border-radius: 50%}
#chat-page>#content-wapper>#content>.item>.item-content>.message>.text>div{ display: inline-block; max-width: 99%; white-space: normal; word-break: keep-all;}
#chat-page>#content-wapper>#content>.item>.item-content>.message>.text>img{ max-width: 50px; padding: 2px; border: 1px solid #CCCCCC; background: #FFFFFF;}
/*#chat-page>#content-wapper>#content>.item>.item-content>.message>.time{min-height: 25px; text-align: right; color: #777777}*/
/*#chat-page>#content-wapper>#content>.item>.item-content>.message>i{ position: absolute; left: -15px; bottom: 35%; z-index: 9; font-size: 13px; color: #555555; display: none}*/
#chat-page>#content-wapper>#content>.item>.item-content>.message>i{ position: absolute; right: -3px; top: -2px; z-index: 9; font-size: 13px; color: #b74a4a; display: none}
#chat-page>#content-wapper>#content>.item>.item-content>.message.curr>i{display: inline;}
#bottom-box{ position: fixed; width: 100%;height: 50px; line-height: 50px; background: #FFFFFF; bottom: 0px; display: flex}
#bottom-box>.image-upload-box{ width: 45px; color: #888888}
#bottom-box>.image-upload-box i.upload-icon{ display: inline-block; width: 35px; height: 35px; border-radius: 10%; background: #f1f1f1;text-align: center; line-height: 35px;  font-size: 22px; position: relative; top: 3px; left: 5px;}
#bottom-box>.icon-box>i{ display: inline-block; width: 35px; height: 35px; border-radius: 10%; background: #f1f1f1; text-align: center; line-height: 35px; font-size: 22px; position: relative; top: 3px; left: 5px;}
#bottom-box>.icon-box{ width: 45px;}
#bottom-box>.input-box{flex: 1}
#bottom-box>.submit-box{ width: 70px; text-align: center;}


#emotion-box{ width: 100%; height: 200px; position: fixed; background: red; left: 0px;}

/* 解决iscroller滚动提示错误 */
*{
  /*touch-action: none;*/
}

#choose-product-classify-level1{ line-height: 40px; width: 100%; height: 40px; overflow-y: auto; overflow-x:hidden}
#choose-product-classify-level1>.item{line-height: 30px; margin-left: 5px; margin-top: 5px; display: inline-block; padding: 2px 5px; background: #EEEEEE; border-radius: 5px; float: left; font-size: 12px}
#choose-product-classify-level1>.item.curr{ background: #e24638; color: #FFFFFF}
#choose-product-classify-dialog-content{ max-height: 300px; overflow-x: hidden;overflow-y: auto;}
#choose-product-classify-dialog-content>.item{ float: left; width: 100%; border: 1px solid #f1f1f1; margin-top: 3px; border-radius: 5px;}
#choose-product-classify-dialog-content>.item>.title{font-size: 12px; height: 30px; line-height: 30px; text-indent: 20px;background: #f1f1f1 url('images/product-classfiy-title-icon.png') no-repeat;  background-size: auto 50%;  background-position: 3% center;}
#choose-product-classify-dialog-content>.item>.item{ line-height: 25px; padding-bottom: 5px;}
#choose-product-classify-dialog-content>.item>.item>.item{ margin-left: 5px; margin-top: 5px; display: inline-block; padding: 2px 5px; background: #EEEEEE; border-radius: 5px; float: left; font-size: 12px}
#choose-product-classify-dialog-content>.item>.item>.item.curr{ background: #e24638; color: #FFFFFF}


.el-message-box{ max-width: 350px;}

#group-order-join-dialog{}
#group-order-join-dialog>.title-box{ border: 1px solid #f1f1f1; border-radius: 5px; margin-top: 5px;}
#group-order-join-dialog>.title-box>.title{ width: 100%; text-indent: 20px; height: 35px; line-height: 35px; background: url("images/product-classfiy-title-icon.png") no-repeat; background-size: auto 50% ; background-position: 3% center; float: left; border-bottom: 1px solid #f1f1f1; font-size: 14px;}
#group-order-join-dialog>.title-box>.item{float: left; width: 100%; min-height: 30px; background: #f1f1f1; padding-top: 5px; padding-bottom: 5px;}
#group-order-join-dialog>.title-box>.item>.row{ display: flex; width: 100%; line-height: 25px;}
#group-order-join-dialog>.title-box>.item>.row>.name{ flex: 1; text-align: right; color: #888888}
#group-order-join-dialog>.title-box>.item>.row>.value{ flex: 1; text-indent: 10px; color: #000000}
#group-order-join-dialog>.title-box>.item>.row>.value>.el-tag{text-indent: 0px}
#group-order-join-dialog>.title-box>.item .product-image{ width: 100px; margin-left: 10px;border-radius: 5px;}
#group-order-join-dialog>.title-box>.item .product-name{ text-indent: 10px;  color: #000000; line-height: 30px;}
#group-order-join-dialog>.title-box>.item .product-model{color: #000000;   }
#group-order-join-dialog>.title-box>.item .product-model>span{ display: inline-block; padding: 3px 10px;}
#group-order-join-dialog>.title-box>.item .product-price{ text-indent: 10px; color: #000000; }
#group-order-join-dialog>.title-box>.item .product-price>span{ color: #e24638;}



#change-city-dialog-content{ max-height: 300px; overflow: auto;}
#change-city-dialog-content>.item{ border: 1px solid #EEEEEE; background: #FFFFFF; border-radius: 3px; margin-top: 5px;}
#change-city-dialog-content>.item>.title{ width: 100%; text-indent: 20px; height: 35px; line-height: 35px; background: url("images/product-classfiy-title-icon.png") no-repeat; background-size: auto 50% ; background-position: 3% center; float: left; border-bottom: 1px solid #f1f1f1; font-size: 14px;}
#change-city-dialog-content>.item>.list-item{ float: left; width: 100%; min-height: 80px;}
#change-city-dialog-content>.item>.list-item>.item{ padding: 3px 5px; display: inline-block; margin: 2px; background: #f1f1f1; border-radius: 3px; font-size: 13px;}
#change-city-dialog-content>.item>.list-item>.item.curr{ background: #fae2e2; color: #ce3429}


#iscroller-box-content{height: 500px;width: 100%;position: relative;overflow:auto;}
#demo-content-list{position: relative; top:0px; width: 100%; padding-bottom: 10px;}
#demo-content-list>li{ background: #ebe7fc; line-height: 40px;}
#demo-content-list>li:nth-of-type(odd){ background: #d8f5d7}
#pullUp,#pullDown{ text-align: center; font-size: 12px; position: absolute; bottom: 0px; width: 100%; line-height: 40px; color: #888888; z-index: 999}
#pullDown{top: 0px;}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  { position: relative; top: 7px; display:inline-block;width:25px; height:25px;background:url('images/pull-icon.png') 0 0 no-repeat;-webkit-background-size:25px 50px; background-size:25px 50px;-webkit-transition-property:-webkit-transform;-webkit-transition-duration:100ms;}
#pullDown .pullDownIcon {-webkit-transform:rotate(0deg) translateZ(0);}
#pullUp .pullUpIcon  {-webkit-transform:rotate(-180deg) translateZ(0); }
#pullDown.flip .pullDownIcon {-webkit-transform:rotate(-180deg) translateZ(0);}
#pullUp.flip .pullUpIcon {-webkit-transform:rotate(0deg) translateZ(0);}
#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon { background-position:0 100%; -webkit-transform:rotate(0deg) translateZ(0); -webkit-transition-duration:0ms; -webkit-animation-name:loading; -webkit-animation-duration:2s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; }
@-webkit-keyframes loading { from { -webkit-transform:rotate(0deg) translateZ(0); } to { -webkit-transform:rotate(360deg) translateZ(0); }}


.avatar-uploader .avatar-uploader-icon {
  font-size: 24px;
  color: #8c939d;
  width: 78px;
  height: 78px;
  line-height: 78px;
  text-align: center;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}


div.el-upload--picture-card {
  height: 78px;
  line-height: 88px;
  width: 78px;
}

.el-upload-list--picture-card li.el-upload-list__item {
  height: 78px;
  line-height: 88px;
  width: 78px;
}

.top-shadow{ background: #FFFFFF; width: 100%; position: fixed; z-index: 9999}


#confirm-order-more-page{}
#confirm-order-more-page>.page-title{ position: fixed; top: 0px; width: 100%; z-index: 9; background: #de081e; color: #FFFFFF}
#confirm-order-more-page-bottom{ position: fixed; bottom: 0px; height: 50px; line-height: 50px; width: 100%; background: #EEEEEE;z-index: 9}
#confirm-order-more-page-bottom{ display: flex;}
#confirm-order-more-page-bottom>.left{ flex: 2;  padding-top: 5px; line-height: 20px; text-align: right;}
#confirm-order-more-page-bottom>.right{ flex: 1; line-height: 40px; padding-top: 5px; text-align: center;}
#confirm-order-more-page-bottom>.right>.el-button{width: 80%}


